From d0d3a33b400fd1cd6ee8122b349832120908a8ed Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 08 五月 2024 14:45:01 +0800
Subject: [PATCH] html
---
h5/pages/login/login.vue | 50 +++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 41 insertions(+), 9 deletions(-)
diff --git a/h5/pages/login/login.vue b/h5/pages/login/login.vue
index 6e40703..5d34620 100644
--- a/h5/pages/login/login.vue
+++ b/h5/pages/login/login.vue
@@ -1,11 +1,12 @@
<template>
<view class="login">
+ <image class="login_bg" src="@/static/login_bg@2x.png" />
<image class="login_logo" src="@/static/logo@2x.png" mode="widthFix" />
- <view class="login_title">鍗庢櫉鏂拌兘婧�</view>
+ <view class="login_title">瀹夋嘲鐗╂祦鏅烘収鍥尯</view>
<view class="login_list">
<view class="login_list_item">
<image src="@/static/login_ic_phone@2x.png" mode="widthFix" />
- <input v-model="form.idCard" maxlength="18" type="number" placeholder="鎵嬫満鍙�">
+ <input v-model="form.idCard" maxlength="18" type="number" placeholder="璐﹀彿">
</view>
<view class="login_list_item">
<image src="@/static/login_ic_password@2x.png" mode="widthFix" />
@@ -14,7 +15,14 @@
</view>
<view class="login_btn">
<view class="login_btn_n">绔嬪嵆鐧诲綍</view>
+ <view class="for_psd">蹇樿瀵嗙爜</view>
</view>
+
+ <view class="deal_wrap">
+ <checkbox @change="dealChange" />
+ <text>鐧诲綍鍗冲悓鎰�</text>
+ <text class="deal">銆婂畨娉扮墿娴佺敤鎴峰崗璁��</text>
+ </view>
</view>
</template>
@@ -36,7 +44,9 @@
},
methods: {
-
+ dealChange(e) {
+ console.log(e);
+ }
}
}
</script>
@@ -50,10 +60,15 @@
box-sizing: border-box;
align-items: center;
flex-direction: column;
- background: linear-gradient(180deg, rgba(2,94,239,0.2) 0%, rgba(2,94,239,0) 100%);
+ background: linear-gradient( 180deg, rgba(39,155,170,0.2) 0%, rgba(39,155,170,0) 100%);
.login_logo {
width: 180rpx;
height: 180rpx;
+ }
+ .login_bg{
+ position: absolute;
+ top: 0;
+ width: 750rpx;
}
.login_title {
font-size: 44rpx;
@@ -68,11 +83,11 @@
box-sizing: border-box;
.login_list_item {
width: 100%;
+ border-radius: 50rpx;
height: 98rpx;
padding: 0 40rpx;
box-sizing: border-box;
background: #FFFFFF;
- border-radius: 8rpx;
margin-bottom: 40rpx;
display: flex;
align-items: center;
@@ -99,20 +114,37 @@
padding: 0 60rpx;
box-sizing: border-box;
margin-top: 80rpx;
+ .for_psd{
+ color: #279BAA;
+ margin-top: 40rpx;
+ width: 140rpx;
+ text-align: center;
+ margin: 40rpx auto;
+ }
.login_btn_n {
width: 100%;
height: 98rpx;
- background: #025EEF;
- background: #025EEF;
- box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(2,94,239,0.14);
+ background: #279BAA;
+ box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39,155,170,0.2);
display: flex;
align-items: center;
justify-content: center;
- font-size: 32rpx;
font-weight: 500;
+ font-size: 32rpx;
color: #FFFFFF;
border-radius: 50rpx;
}
}
+ .deal_wrap{
+ position: absolute;
+ width: 100%;
+ left: 0;
+ text-align: center;
+ bottom: 108rpx;
+ .deal{
+ color: #279BAA;
+ }
+
+ }
}
</style>
--
Gitblit v1.9.3