小程序logo更换,登录页面完善
This commit is contained in:
parent
0b55609abb
commit
0fbfbde161
@ -17,9 +17,19 @@
|
||||
<u-input v-model.number="loginForm.password" :height="98" placeholder="请输入密码"
|
||||
placeholder-style="color: #6B7280;font-size:28rpx;font-family: Roboto;" trim type="password"
|
||||
:custom-style="{color:'#1F2937',borderRadius: '14rpx',padding: '28rpx 20rpx 28rpx 70rpx'}" />
|
||||
<u-checkbox class="login-form-agreement" v-model="isAgreed" active-color="#2563EB" size="30" label-size="26">
|
||||
我已阅读并同意<text>《用户协议》</text>和<text>《隐私政策》</text>
|
||||
<u-checkbox class="login-form-agreement" v-model="isAgreed" active-color="#2563EB"
|
||||
size="30" label-size="26" label-disabled>
|
||||
我已阅读并同意<text @click="handleCheckAgreement('userAgreement')">《用户协议》</text>
|
||||
和<text @click="handleCheckAgreement('privateAgreement')">《隐私政策》</text>
|
||||
</u-checkbox>
|
||||
<u-button :disabled="isDisable" :loading="loading" :hair-line="false"
|
||||
:custom-style="{borderRadius: '8rpx',background: '#2563EB',
|
||||
color:'#FFFFFF',fontWeight: '500',fontSize:'32rpx',fontFamily:'Roboto',
|
||||
padding:'28rpx 0',marginTop:'42rpx',opacity: isDisable ? 0.6 : 1}"
|
||||
>登 录</u-button>
|
||||
</view>
|
||||
<view class="login-copyright">
|
||||
© 2025 爱尚云 版权所有
|
||||
</view>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
<DotLoading :show="dotLoading" />
|
||||
@ -84,6 +94,13 @@ export default {
|
||||
nextUrl: ''
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
// 判断是否禁用按钮
|
||||
isDisable(){
|
||||
const { username, password } = this.loginForm;
|
||||
return !(this.isAgreed&&username&&password);
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.loading = false;
|
||||
this.nextUrl = (options.nextUrl != null && options.nextUrl != '/pages/mobile_web/my/child_pages/login') ?
|
||||
@ -174,6 +191,10 @@ export default {
|
||||
finally{
|
||||
this.dotLoading = false;
|
||||
}
|
||||
},
|
||||
// 查看协议
|
||||
handleCheckAgreement(agreement){
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
@ -213,12 +234,21 @@ export default {
|
||||
text{
|
||||
margin: 0 6rpx;
|
||||
color: #2563EB;
|
||||
&:active{
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::v-deep .u-checkbox__icon-wrap{
|
||||
margin-right: 14rpx;
|
||||
}
|
||||
}
|
||||
&-copyright{
|
||||
margin: auto auto 56rpx;
|
||||
color: #9CA3AF;
|
||||
font-family: Roboto;
|
||||
font-size: 21rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
BIN
static/logo.png
BIN
static/logo.png
Binary file not shown.
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 26 KiB |
Loading…
Reference in New Issue
Block a user