默认显示密码

This commit is contained in:
icssoa 2021-06-19 12:04:17 +08:00
parent aa14bbb8f8
commit 2e965d4ad6
3 changed files with 3 additions and 34 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "cool-admin-vue", "name": "cool-admin-vue",
"version": "3.2.0", "version": "3.2.1",
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",

View File

@ -60,8 +60,8 @@ export default {
data() { data() {
return { return {
form: { form: {
username: "admin", username: "",
password: "123456", password: "",
captchaId: "", captchaId: "",
verifyCode: "" verifyCode: ""
}, },
@ -123,7 +123,6 @@ export default {
width: 100vw; width: 100vw;
position: relative; position: relative;
background-color: #2f3447; background-color: #2f3447;
.box { .box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -134,31 +133,25 @@ export default {
position: absolute; position: absolute;
left: calc(50% - 250px); left: calc(50% - 250px);
top: calc(50% - 250px); top: calc(50% - 250px);
.logo { .logo {
height: 50px; height: 50px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.desc { .desc {
color: #ccc; color: #ccc;
font-size: 12px; font-size: 12px;
margin-bottom: 60px; margin-bottom: 60px;
letter-spacing: 1px; letter-spacing: 1px;
} }
/deep/.el-form { /deep/.el-form {
width: 300px; width: 300px;
border-radius: 3px; border-radius: 3px;
.el-form-item { .el-form-item {
margin-bottom: 20px; margin-bottom: 20px;
&__label { &__label {
color: #ccc; color: #ccc;
} }
} }
.el-input { .el-input {
.el-input__inner { .el-input__inner {
border: 0; border: 0;
@ -169,12 +162,10 @@ export default {
color: #ccc; color: #ccc;
transition: border-color 0.3s; transition: border-color 0.3s;
position: relative; position: relative;
&:focus { &:focus {
border-color: #fff; border-color: #fff;
color: #fff; color: #fff;
} }
&:-webkit-autofill { &:-webkit-autofill {
-webkit-text-fill-color: #fff !important; -webkit-text-fill-color: #fff !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
@ -182,10 +173,8 @@ export default {
} }
} }
} }
.captcha { .captcha {
position: relative; position: relative;
.value { .value {
position: absolute; position: absolute;
bottom: 1px; bottom: 1px;
@ -193,7 +182,6 @@ export default {
} }
} }
} }
.submit-btn { .submit-btn {
margin-top: 40px; margin-top: 40px;
border-radius: 30px; border-radius: 30px;

View File

@ -260,7 +260,6 @@ export default {
prop: "password", prop: "password",
label: "密码", label: "密码",
span: 12, span: 12,
hidden: ":isAdd",
component: { component: {
name: "el-input", name: "el-input",
attrs: { attrs: {
@ -348,16 +347,6 @@ export default {
} }
] ]
} }
},
{
prop: "tips",
hidden: ":isEdit",
component: (
<div>
<i class="el-icon-warning"></i>
<span style="margin-left: 6px">新增用户默认密码为123456</span>
</div>
)
} }
] ]
} }
@ -473,7 +462,6 @@ export default {
width: 100%; width: 100%;
position: relative; position: relative;
} }
.dept { .dept {
height: 100%; height: 100%;
width: 300px; width: 300px;
@ -482,17 +470,14 @@ export default {
transition: width 0.3s; transition: width 0.3s;
margin-right: 10px; margin-right: 10px;
flex-shrink: 0; flex-shrink: 0;
&._collapse { &._collapse {
margin-right: 0; margin-right: 0;
width: 0; width: 0;
} }
} }
.user { .user {
width: calc(100% - 310px); width: calc(100% - 310px);
flex: 1; flex: 1;
.header { .header {
display: flex; display: flex;
align-items: center; align-items: center;
@ -500,13 +485,11 @@ export default {
height: 40px; height: 40px;
position: relative; position: relative;
background-color: #fff; background-color: #fff;
span { span {
font-size: 14px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.icon { .icon {
position: absolute; position: absolute;
left: 0; left: 0;
@ -521,7 +504,6 @@ export default {
} }
} }
} }
.dept, .dept,
.user { .user {
overflow: hidden; overflow: hidden;
@ -529,7 +511,6 @@ export default {
height: calc(100% - 40px); height: calc(100% - 40px);
} }
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.dept { .dept {
width: calc(100% - 100px); width: calc(100% - 100px);