hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-11 20:06:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整修改密码样式

Browse Source
This commit is contained in:
weinan2087
2022-11-10 17:55:34 +08:00
parent e5a93b83dc
commit 60fa3dd181
1 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
pages/login/next.vue
View File

@@ -2,32 +2,30 @@
<view> <view>
<page-title :showBack="true">修改密码</page-title> <page-title :showBack="true">修改密码</page-title>
<view class="pass"> <view class="pass">
<u--form ref="ruleForm" labelPosition="bottom" :model="model" :rules="rules" :labelWidth="80" labelAlign="right"> <u--form ref="ruleForm" labelPosition="bottom" :model="model" :rules="rules" :labelWidth="100" labelAlign="left" :label-style="{'font-size':'14px'}">
<u-form-item label="现密码: " borderBottom> <u-form-item label="当前密码: " borderBottom>
<u--input v-model="model.oldPass" placeholder="请输入现密码" type="password" border="none"></u--input> <u--input v-model="model.oldPass" placeholder="请输入当前密码" placeholder-style="color: rgba(153, 153, 153, 1);font-size: 12px;" type="password" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="新密码: " prop="newPass" borderBottom> <u-form-item label="设置新密码: " prop="newPass" borderBottom>
<u--input v-model="model.newPass" placeholder="请输入新密码" type="password" border="none"></u--input> <u--input v-model="model.newPass" placeholder="请输入新密码" placeholder-style="color: rgba(153, 153, 153, 1);font-size: 12px;" type="password" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="确认密码: " prop="confirmPass" borderBottom> <u-form-item label="确认新密码: " prop="confirmPass" borderBottom>
<u--input v-model="model.confirmPass" placeholder="请确认密码" type="password" border="none"></u--input> <u--input v-model="model.confirmPass" placeholder="请确认密码" placeholder-style="color: rgba(153, 153, 153, 1);font-size: 12px;" type="password" border="none"></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
<u-button type="primary" text="提交修改" @click="submit"></u-button> <u-button type="primary" text="提交" @click="submit"></u-button>
<view class="" style="display: flex;margin-top: 30px;margin-left: 30px;"> <view class="" style="display: flex;margin-top: 30px;margin-left: 15px;">
<u-icon name="phone"></u-icon> <!-- <u-icon name="phone"></u-icon> -->
<view class="" @click="showHelp = true">如有问题请联系管理员</view> <view @click="showHelp = true" style="color: rgba(51, 51, 51, 1);font-size: 14px;">如有问题联系管理员</view>
</view> </view>
<view v-if="showHelp" style="padding: 20px;margin-top: 10px;"> <view v-if="showHelp" style="display: flex;margin-top: 10px;">
<view></view>
<view> <view>
<u--form labelPosition="left" :labelWidth="60" labelAlign="right"> <u--form labelPosition="left" :labelWidth="52" labelAlign="right" :label-style="{'font-size':'14px','color':'rgba(153, 153, 153, 1)'}">
<u-form-item label="姓名: " borderBottom>李玉冰</u-form-item> <u-form-item label="姓名: ">李玉冰<u-form-item label="工号: ">0000 4409</u-form-item></u-form-item>
<u-form-item label="工号: " borderBottom>00004409</u-form-item> <u-form-item label="电话: ">0106 0965 462</u-form-item>
<u-form-item label="电话: " borderBottom>01060965462</u-form-item>
</u--form> </u--form>
</view> </view>
</view> </view>
@@ -173,5 +171,10 @@ export default {
.u-button { .u-button {
width: 350px; width: 350px;
background-color: rgba(0, 125, 255, 1);
border-radius: 23px;
} }
</style> </style>