优化移动端UI

This commit is contained in:
chaos-zhu 2024-12-22 22:48:16 +08:00
parent 0bef9b53af
commit 0cbe43ecdd
2 changed files with 19 additions and 8 deletions

View File

@ -10,12 +10,13 @@
:show-message="false" :show-message="false"
@submit.prevent @submit.prevent
> >
<el-form-item label="Plus Key" prop="key"> <el-form-item label="Plus Key" prop="key" class="form_item">
<el-input <el-input
v-model.trim="formData.key" v-model.trim="formData.key"
clearable clearable
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
class="input"
@keyup.enter.prevent="handleUpdate" @keyup.enter.prevent="handleUpdate"
/> />
</el-form-item> </el-form-item>
@ -154,8 +155,10 @@ onMounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.plus-form { .form_item {
width: 500px; .input {
width: 450px;
}
} }
.form_footer { .form_footer {

View File

@ -9,15 +9,16 @@
label-width="86px" label-width="86px"
:show-message="false" :show-message="false"
> >
<el-form-item label="原用户名" prop="oldLoginName"> <el-form-item label="原用户名" prop="oldLoginName" class="form_item">
<el-input <el-input
v-model.trim="formData.oldLoginName" v-model.trim="formData.oldLoginName"
clearable clearable
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
class="input"
/> />
</el-form-item> </el-form-item>
<el-form-item label="原密码" prop="oldPwd"> <el-form-item label="原密码" prop="oldPwd" class="form_item">
<el-input <el-input
v-model.trim="formData.oldPwd" v-model.trim="formData.oldPwd"
type="password" type="password"
@ -25,17 +26,19 @@
show-password show-password
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
class="input"
/> />
</el-form-item> </el-form-item>
<el-form-item label="新用户名" prop="newLoginName"> <el-form-item label="新用户名" prop="newLoginName" class="form_item">
<el-input <el-input
v-model.trim="formData.newLoginName" v-model.trim="formData.newLoginName"
clearable clearable
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
class="input"
/> />
</el-form-item> </el-form-item>
<el-form-item label="新密码" prop="newPwd"> <el-form-item label="新密码" prop="newPwd" class="form_item">
<el-input <el-input
v-model.trim="formData.newPwd" v-model.trim="formData.newPwd"
type="password" type="password"
@ -43,6 +46,7 @@
clearable clearable
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
class="input"
@keyup.enter="handleUpdate" @keyup.enter="handleUpdate"
/> />
</el-form-item> </el-form-item>
@ -159,7 +163,11 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.password-form { .password-form {
width: 500px; .form_item {
.input {
width: 450px;
}
}
} }
.mfa2_title { .mfa2_title {
font-size: 18px; font-size: 18px;