调整修改密码样式

This commit is contained in:
weinan2087
2022-11-10 17:55:34 +08:00
parent e5a93b83dc
commit 60fa3dd181

View File

@@ -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>