flx:修复修改密码页面

This commit is contained in:
Vce 2024-05-13 09:38:51 +08:00
parent 04512df2f5
commit 9d0baa511f
3 changed files with 33 additions and 31 deletions

View File

@ -1,11 +1,12 @@
<template>
<view class="userLogin">
<view>
<headers :showBack="true">
<view class="headerName">
修改密码
</view>
</headers>
<u-form style="width: 100%;" :rules="rules" :error-type="['message']" :model="formData" ref="uForm">
<view class="userLogin">
<u-form style="width: 100%;" :rules="rules" :error-type="['message']" :model="formData" ref="uForm">
<u-form-item prop="account" class="uni-form-item" :border-bottom="false">
<view>当前账号</view>
<input class="uni-input" name="userInfo" readonly :disabled="true" v-model="userInfo.realName"
@ -35,6 +36,7 @@
<button type="primary" class="btn" @click="formSubmit">完成</button>
</view>
</u-form>
</view>
</view>
</template>

View File

@ -9,12 +9,12 @@
<view class="usercontonin">
<view class="userBox">
<image class="userImg" src="@/static/userImg.png"></image>
<span v-if="uid">{{userInfo.realName}}</span>
<span v-else>{{userInfo.account}}</span>
<text v-if="uid">{{userInfo.realName}}</text>
<text v-else>{{userInfo.account}}</text>
</view>
<view class="userbtn" @click="goUserInfo()">
<uni-icons2 class="compose" type="compose" size="20"></uni-icons2>
<span>个人中心</span>
<text>个人中心</text>
</view>
</view>
</view>
@ -200,13 +200,13 @@
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
padding-right: 40rpx;
}
.userbtn {
padding: 6px 20px;
border: 1px solid #FFFFFF;
border-radius: 20px;
padding: 12rpx 40rpx;
border: 2rpx solid #FFFFFF;
border-radius: 40rpx;
display: flex;
align-items: center;
}
@ -237,25 +237,25 @@
.userBox {
display: flex;
align-items: center;
padding: 40px 20px;
font-size: 20px;
padding: 80rpx 40rpx;
font-size: 40rpx;
}
.userImg {
width: 50px;
height: 50px;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
margin-right: 10px;
margin-right: 20rpx;
}
.operateBar {
background-color: #FFFFFF;
font-size: 14px;
height: 58px;
font-size: 28rpx;
height: 116rpx;
display: flex;
align-items: center;
margin-bottom: 10px;
padding: 0 15px;
margin-bottom: 20rpx;
padding: 0 30rpx;
justify-content: space-between;
.left {
@ -264,9 +264,9 @@
}
.operateIcon {
width: 20px;
height: 20px;
margin-right: 10px;
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
.arrowright {

View File

@ -7,8 +7,8 @@
</headers>
<view class="userBox">
<image class="userImg" src="@/static/userImg.png"></image>
<span v-if="uid">{{userInfo.realName}}</span>
<span v-else>{{userInfo.account}}</span>
<text v-if="uid">{{userInfo.realName}}</text>
<text v-else>{{userInfo.account}}</text>
</view>
<view class="userInfo-boxs">
<view class="userInfo-box">
@ -66,14 +66,14 @@
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px 20px;
font-size: 20px;
padding: 80rpx 40rpx;
font-size: 40rpx;
background-color: white;
}
.userImg {
width: 50px;
height: 50px;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
/* margin-right: 10px; */
}
@ -81,19 +81,19 @@
.userInfo-boxs {
display: flex;
flex-direction: column;
margin-top: 10px;
margin-top: 20rpx;
background-color: white;
}
.userInfo-box {
height:58px;
height:116rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
padding: 0 30rpx;
}
.userInfo-boxs>.userInfo-box:nth-child(:last-child) {
border-bottom: 1px solid #F4F5FE;
border-bottom: 2rpx solid #F4F5FE;
}
</style>