| | |
| | | <span class="svg-container"> |
| | | <svg-icon icon-class="user" /> |
| | | </span> |
| | | <el-input ref="username" v-model="loginForm.username" placeholder="Username" name="username" type="text" |
| | | <el-input ref="username" v-model="loginForm.username" placeholder="用户名" name="username" type="text" |
| | | tabindex="1" auto-complete="on" /> |
| | | </el-form-item> |
| | | |
| | |
| | | <svg-icon icon-class="password" /> |
| | | </span> |
| | | <el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" |
| | | placeholder="Password" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" /> |
| | | placeholder="密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" /> |
| | | <span class="show-pwd" @click="showPwd"> |
| | | <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" /> |
| | | </span> |
| | |
| | | } |
| | | return { |
| | | loginForm: { |
| | | username: '123456', |
| | | password: '123456' |
| | | username: 'admin', |
| | | password: 'admin' |
| | | }, |
| | | loginRules: { |
| | | username: [{ required: true, trigger: 'blur', validator: validateUsername }], |