zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

解决小程序中 修改密码样式问题

master
lemon橪 2022-05-31 12:06:30 +08:00 committed by 学习很差啦
parent 73e4ba9994
commit d8c46b49d9
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages/mine/set/securityCenter/editPassword.vue
View File

@ -1,12 +1,13 @@
<template> <template>
<view class="box"> <view class="box">
<view class="box-tips"> <view class="box-tips">
<h2> <h2 class='h2'>
{{verificationTitle[validateFlage==false ? 0 : 1].title}} {{verificationTitle[validateFlage==false ? 0 : 1].title}}
</h2> </h2>
<view class="verification">{{verificationTitle[step].desc}}</view> <view class="verification">{{verificationTitle[step].desc}}</view>
</view> </view>
<u-form :model="codeForm" class="form" ref="validateCodeForm"> <view class="form">
<u-form :model="codeForm" ref="validateCodeForm">
<view v-if="!validateFlage"> <view v-if="!validateFlage">
<u-form-item label-width="120" label="手机号" prop="mobile"> <u-form-item label-width="120" label="手机号" prop="mobile">
<u-input maxlength="11" v-model="codeForm.mobile" placeholder="请输入您的手机号" /> <u-input maxlength="11" v-model="codeForm.mobile" placeholder="请输入您的手机号" />
@ -35,7 +36,8 @@
<view class="submit" @click="updatePassword">修改密码</view> <view class="submit" @click="updatePassword">修改密码</view>
</view> </view>
</u-form> </u-form>
</view> </view>
</view>
</template> </template>
<script> <script>
@ -221,8 +223,8 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("../../../passport/login.scss"); @import url("@/pages/passport/login.scss");
.u-form-item { /deep/ .u-form-item {
margin: 40rpx 0; margin: 40rpx 0;
} }
.sendCode { .sendCode {
@ -230,6 +232,10 @@ export default {
display: flex; display: flex;
} }
} }
.h2{
font-size: 40rpx;
font-weight: bold;
}
page { page {
background: #fff; background: #fff;
} }
@ -248,4 +254,5 @@ page {
color: #999; color: #999;
margin-top: 10rpx; margin-top: 10rpx;
} }
</style> </style>