xing/vue-learn
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

表单

Browse Source
This commit is contained in:
xing 2020-06-16 10:51:40 +08:00
parent fb62ecaf8b
commit 38e1cfd450
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Login.vue
View File

@ -4,12 +4,12 @@
<div class="avatar"> <div class="avatar">
<img src="../assets/logo.png" alt="logo"> <img src="../assets/logo.png" alt="logo">
</div> </div>
<el-form class="login-from"> <el-form class="login-from" :model="loginForm">
<el-form-item label=""> <el-form-item label="">
<el-input prefix-icon="iconfont icon-user"></el-input> <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input prefix-icon="iconfont icon-3702mima"></el-input> <el-input v-model="loginForm.password" type="password" prefix-icon="iconfont icon-3702mima"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="btns"> <el-form-item class="btns">
<el-button type="primary">登录</el-button> <el-button type="primary">登录</el-button>
@ -22,7 +22,15 @@
<script> <script>
export default { export default {
name: 'Login' name: 'Login',
data () {
return {
loginForm: {
username: '',
password: ''
}
}
}
} }
</script> </script>