Browse Source

个人中心样式修改

master
xuhuajiao 3 years ago
parent
commit
d67505a527
  1. 2
      src/assets/styles/yxk-admin.scss
  2. 10
      src/views/system/user/center.vue
  3. 17
      src/views/system/user/center/updateEmail.vue
  4. 7
      src/views/system/user/center/updatePass.vue

2
src/assets/styles/yxk-admin.scss

@ -531,7 +531,7 @@
line-height: 36px;
color: #fff;
border: 1px solid $subMenuActiveText;
background-color: transparent;
background-color: transparent !important;
}
.vue-treeselect__control,
.vue-treeselect__placeholder,

10
src/views/system/user/center.vue

@ -258,4 +258,14 @@ export default {
}
}
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
background-color: transparent;
transition: background-color 50000s ease-in-out 0s;
}
input {
background-color: transparent;
}
</style>

17
src/views/system/user/center/updateEmail.vue

@ -1,6 +1,9 @@
<template>
<div style="display: inline-block;">
<el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="475px" @close="cancel">
<el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
<el-form-item label="新邮箱" prop="email">
<el-input v-model="form.email" auto-complete="on" style="width: 200px;" />
@ -17,6 +20,7 @@
<el-button type="text" @click="cancel">取消</el-button>
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
@ -133,5 +137,14 @@ export default {
</script>
<style scoped>
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: red !important;
background-color: red;
transition: background-color 50000s ease-in-out 0s;
}
input {
background-color: transparent;
}
</style>

7
src/views/system/user/center/updatePass.vue

@ -1,6 +1,9 @@
<template>
<div style="display: inline-block">
<el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body width="500px" @close="cancel">
<el-dialog :visible.sync="dialog" :close-on-click-modal="false" :before-close="cancel" :title="title" append-to-body @close="cancel">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="88px">
<el-form-item label="旧密码" prop="oldPass">
<el-input v-model="form.oldPass" type="password" auto-complete="on" style="width: 370px;" />
@ -16,6 +19,7 @@
<el-button type="text" @click="cancel">取消</el-button>
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
@ -91,5 +95,4 @@ export default {
</script>
<style scoped>
</style>
Loading…
Cancel
Save