mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-09 02:46:46 +08:00
调整修改密码样式
This commit is contained in:
@@ -2,32 +2,30 @@
|
||||
<view>
|
||||
<page-title :showBack="true">修改密码</page-title>
|
||||
<view class="pass">
|
||||
<u--form ref="ruleForm" labelPosition="bottom" :model="model" :rules="rules" :labelWidth="80" labelAlign="right">
|
||||
<u-form-item label="现密码: " borderBottom>
|
||||
<u--input v-model="model.oldPass" placeholder="请输入现密码" type="password" border="none"></u--input>
|
||||
<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--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 label="新密码: " prop="newPass" borderBottom>
|
||||
<u--input v-model="model.newPass" placeholder="请输入新密码" type="password" border="none"></u--input>
|
||||
<u-form-item label="设置新密码: " prop="newPass" borderBottom>
|
||||
<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 label="确认密码: " prop="confirmPass" borderBottom>
|
||||
<u--input v-model="model.confirmPass" placeholder="请确认密码" type="password" border="none"></u--input>
|
||||
<u-form-item label="确认新密码: " prop="confirmPass" borderBottom>
|
||||
<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>
|
||||
</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;">
|
||||
<u-icon name="phone"></u-icon>
|
||||
<view class="" @click="showHelp = true">如有问题请联系管理员</view>
|
||||
<view class="" style="display: flex;margin-top: 30px;margin-left: 15px;">
|
||||
<!-- <u-icon name="phone"></u-icon> -->
|
||||
<view @click="showHelp = true" style="color: rgba(51, 51, 51, 1);font-size: 14px;">如有问题联系管理员</view>
|
||||
</view>
|
||||
<view v-if="showHelp" style="padding: 20px;margin-top: 10px;">
|
||||
<view></view>
|
||||
<view v-if="showHelp" style="display: flex;margin-top: 10px;">
|
||||
<view>
|
||||
<u--form labelPosition="left" :labelWidth="60" labelAlign="right">
|
||||
<u-form-item label="姓名: " borderBottom>李玉冰</u-form-item>
|
||||
<u-form-item label="工号: " borderBottom>00004409</u-form-item>
|
||||
<u-form-item label="电话: " borderBottom>01060965462</u-form-item>
|
||||
<u--form labelPosition="left" :labelWidth="52" labelAlign="right" :label-style="{'font-size':'14px','color':'rgba(153, 153, 153, 1)'}">
|
||||
<u-form-item label="姓名: ">李玉冰<u-form-item label="工号: ">0000 4409</u-form-item></u-form-item>
|
||||
<u-form-item label="电话: ">0106 0965 462</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
@@ -173,5 +171,10 @@ export default {
|
||||
|
||||
.u-button {
|
||||
width: 350px;
|
||||
background-color: rgba(0, 125, 255, 1);
|
||||
border-radius: 23px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user