no message
Former-commit-id: 9b322c7225c23d032caeb8a7b3694fc8e998f55f Former-commit-id: 68c3992feece9098bcba4d3ff45330332ae40163 Former-commit-id: 27253c80559603a8fd37de5133fe4b6b9ef6ca08
This commit is contained in:
@@ -20,6 +20,14 @@
|
|||||||
<i slot="prepend" class="fa fa-keyboard-o"></i>
|
<i slot="prepend" class="fa fa-keyboard-o"></i>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item prop="code">
|
||||||
|
<el-input type="text" v-model="formLogin.code" placeholder="- - - -">
|
||||||
|
<template slot="prepend">验证码</template>
|
||||||
|
<template slot="append">
|
||||||
|
<img class="login-code" src="static/image/login-code.png" alt="">
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
<el-button @click="submit" type="primary" class="button-login">登陆</el-button>
|
<el-button @click="submit" type="primary" class="button-login">登陆</el-button>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
@@ -45,7 +53,8 @@ export default {
|
|||||||
return {
|
return {
|
||||||
formLogin: {
|
formLogin: {
|
||||||
username: 'admin',
|
username: 'admin',
|
||||||
password: 'admin'
|
password: 'admin',
|
||||||
|
code: 'v9am'
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
username: [
|
username: [
|
||||||
@@ -53,6 +62,9 @@ export default {
|
|||||||
],
|
],
|
||||||
password: [
|
password: [
|
||||||
{ required: true, message: '请输入密码', trigger: 'blur' }
|
{ required: true, message: '请输入密码', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
code: [
|
||||||
|
{ required: true, message: '请输入验证码', trigger: 'blur' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -50,6 +50,13 @@
|
|||||||
.el-input-group__prepend {
|
.el-input-group__prepend {
|
||||||
padding: 0px 14px;
|
padding: 0px 14px;
|
||||||
}
|
}
|
||||||
|
.login-code {
|
||||||
|
height: 40px - 2px;
|
||||||
|
display: block;
|
||||||
|
margin: 0px -20px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
border-bottom-right-radius: 2px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// 帮助按钮
|
// 帮助按钮
|
||||||
.button-help {
|
.button-help {
|
||||||
|
|||||||
Reference in New Issue
Block a user