admin/zhgdyunapp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

flx:修复修改密码页面

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/my/changePassword/changePassword.vue
View File

@ -1,11 +1,12 @@
<template> <template>
<view class="userLogin"> <view>
<headers :showBack="true"> <headers :showBack="true">
<view class="headerName"> <view class="headerName">
修改密码 修改密码
</view> </view>
</headers> </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"> <u-form-item prop="account" class="uni-form-item" :border-bottom="false">
<view>当前账号</view> <view>当前账号</view>
<input class="uni-input" name="userInfo" readonly :disabled="true" v-model="userInfo.realName" <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> <button type="primary" class="btn" @click="formSubmit">完成</button>
</view> </view>
</u-form> </u-form>
</view>
</view> </view>
</template> </template>

38
pages/my/my.vue
View File

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

20
pages/my/userInfo/userInfo.vue
View File

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