小程序logo更换,登录页面完善
This commit is contained in:
parent
0b55609abb
commit
0fbfbde161
@ -17,9 +17,19 @@
|
|||||||
<u-input v-model.number="loginForm.password" :height="98" placeholder="请输入密码"
|
<u-input v-model.number="loginForm.password" :height="98" placeholder="请输入密码"
|
||||||
placeholder-style="color: #6B7280;font-size:28rpx;font-family: Roboto;" trim type="password"
|
placeholder-style="color: #6B7280;font-size:28rpx;font-family: Roboto;" trim type="password"
|
||||||
:custom-style="{color:'#1F2937',borderRadius: '14rpx',padding: '28rpx 20rpx 28rpx 70rpx'}" />
|
: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">
|
<u-checkbox class="login-form-agreement" v-model="isAgreed" active-color="#2563EB"
|
||||||
我已阅读并同意<text>《用户协议》</text>和<text>《隐私政策》</text>
|
size="30" label-size="26" label-disabled>
|
||||||
|
我已阅读并同意<text @click="handleCheckAgreement('userAgreement')">《用户协议》</text>
|
||||||
|
和<text @click="handleCheckAgreement('privateAgreement')">《隐私政策》</text>
|
||||||
</u-checkbox>
|
</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>
|
</view>
|
||||||
<u-toast ref="uToast"></u-toast>
|
<u-toast ref="uToast"></u-toast>
|
||||||
<DotLoading :show="dotLoading" />
|
<DotLoading :show="dotLoading" />
|
||||||
@ -84,6 +94,13 @@ export default {
|
|||||||
nextUrl: ''
|
nextUrl: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed:{
|
||||||
|
// 判断是否禁用按钮
|
||||||
|
isDisable(){
|
||||||
|
const { username, password } = this.loginForm;
|
||||||
|
return !(this.isAgreed&&username&&password);
|
||||||
|
}
|
||||||
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.nextUrl = (options.nextUrl != null && options.nextUrl != '/pages/mobile_web/my/child_pages/login') ?
|
this.nextUrl = (options.nextUrl != null && options.nextUrl != '/pages/mobile_web/my/child_pages/login') ?
|
||||||
@ -174,6 +191,10 @@ export default {
|
|||||||
finally{
|
finally{
|
||||||
this.dotLoading = false;
|
this.dotLoading = false;
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
// 查看协议
|
||||||
|
handleCheckAgreement(agreement){
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@ -213,12 +234,21 @@ export default {
|
|||||||
text{
|
text{
|
||||||
margin: 0 6rpx;
|
margin: 0 6rpx;
|
||||||
color: #2563EB;
|
color: #2563EB;
|
||||||
|
&:active{
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&::v-deep .u-checkbox__icon-wrap{
|
&::v-deep .u-checkbox__icon-wrap{
|
||||||
margin-right: 14rpx;
|
margin-right: 14rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&-copyright{
|
||||||
|
margin: auto auto 56rpx;
|
||||||
|
color: #9CA3AF;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 21rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</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