|
@@ -3,36 +3,21 @@
|
|
|
<div class="content">
|
|
|
<div class="info">
|
|
|
<img src="@/assets/image/criminal.ico" alt="" />
|
|
|
- <h1>{{ appConstant.title }}</h1>
|
|
|
+ <h1 class="login_title">{{ appConstant.title }}</h1>
|
|
|
</div>
|
|
|
<el-form class="panel login" :model="form" @submit.stop>
|
|
|
<h2>欢 迎 登 录</h2>
|
|
|
<el-form-item class="panel-form-item">
|
|
|
<p class="err-info">{{ verification.phone }}</p>
|
|
|
- <el-input
|
|
|
- :maxlength="11"
|
|
|
- v-model.trim="form.phone"
|
|
|
- placeholder="手机号"
|
|
|
- @keydown.enter="submitClick"
|
|
|
- ></el-input>
|
|
|
+ <el-input :maxlength="11" v-model.trim="form.phone" placeholder="手机号" @keydown.enter="submitClick"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item class="panel-form-item">
|
|
|
<p class="err-info">{{ verification.psw }}</p>
|
|
|
- <el-input
|
|
|
- v-model="form.psw"
|
|
|
- :maxlength="16"
|
|
|
- placeholder="密码"
|
|
|
- :type="flag ? 'password' : 'text'"
|
|
|
- @keydown.enter="submitClick"
|
|
|
- >
|
|
|
+ <el-input v-model="form.psw" :maxlength="16" placeholder="密码" :type="flag ? 'password' : 'text'"
|
|
|
+ @keydown.enter="submitClick">
|
|
|
<template v-slot:suffix>
|
|
|
- <img
|
|
|
- v-if="flag"
|
|
|
- @click="flag = !flag"
|
|
|
- style="width: 20px; margin: 10px 15px"
|
|
|
- src="@/assets/image/pasword.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img v-if="flag" @click="flag = !flag" style="width: 20px; margin: 10px 15px"
|
|
|
+ src="@/assets/image/pasword.png" alt="" />
|
|
|
<el-icon :size="20" @click="flag = !flag" class="icon-style" v-else>
|
|
|
<View />
|
|
|
</el-icon>
|
|
@@ -42,12 +27,7 @@
|
|
|
|
|
|
<el-form-item class="panel-form-item code-form-item">
|
|
|
<p class="err-info">{{ verification.code }}</p>
|
|
|
- <el-input
|
|
|
- v-model="form.code"
|
|
|
- placeholder="验证码"
|
|
|
- @keydown.enter="submitClick"
|
|
|
- class="code-input"
|
|
|
- >
|
|
|
+ <el-input v-model="form.code" placeholder="验证码" @keydown.enter="submitClick" class="code-input">
|
|
|
<template v-slot:append>
|
|
|
<img :src="codeImg" class="code-img" @click="refer" />
|
|
|
</template>
|
|
@@ -185,12 +165,14 @@ const submitClick = async () => {
|
|
|
letter-spacing: 1px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.content {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: flex-start;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+
|
|
|
.info {
|
|
|
color: #fff;
|
|
|
margin-right: 143px;
|
|
@@ -206,6 +188,7 @@ const submitClick = async () => {
|
|
|
height: 40px;
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
+
|
|
|
h1 {
|
|
|
font-size: 2.2rem;
|
|
|
}
|
|
@@ -240,6 +223,7 @@ const submitClick = async () => {
|
|
|
.panel-form-item {
|
|
|
padding-left: 0;
|
|
|
padding-right: 0;
|
|
|
+
|
|
|
.icon-style {
|
|
|
margin-right: 14px;
|
|
|
font-size: 20px;
|
|
@@ -269,6 +253,7 @@ const submitClick = async () => {
|
|
|
--el-input-bg-color: #f6f8fb;
|
|
|
/* var(--el-fill-color-blank) */
|
|
|
}
|
|
|
+
|
|
|
.login .code-form-item .el-input {
|
|
|
display: flex;
|
|
|
}
|
|
@@ -286,11 +271,19 @@ const submitClick = async () => {
|
|
|
.login .code-form-item .el-input__inner {
|
|
|
flex: 1;
|
|
|
}
|
|
|
+
|
|
|
.login .code-form-item .el-input-group__append,
|
|
|
.login .code-form-item .el-input__inner {
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
+
|
|
|
input[type="password"]::-ms-reveal {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+.app-criminal {
|
|
|
+ .login_title {
|
|
|
+ color: #323233;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|