|
|
@ -10,14 +10,14 @@
|
|
|
|
<div style="text-align:center">
|
|
|
|
<div style="text-align:center">
|
|
|
|
<Form ref="formInline" :model="formInline" :rules="ruleInline">
|
|
|
|
<Form ref="formInline" :model="formInline" :rules="ruleInline">
|
|
|
|
<FormItem prop="user">
|
|
|
|
<FormItem prop="user">
|
|
|
|
<i-input type="text" size="large" v-model="formInline.user" placeholder="Username"
|
|
|
|
<i-input type="text" size="large" v-model="formInline.user" placeholder="用户名"
|
|
|
|
@on-focus="inputFocus">
|
|
|
|
@on-focus="inputFocus">
|
|
|
|
<Icon type="ios-person-outline" slot="prepend"></Icon>
|
|
|
|
<Icon type="ios-person-outline" slot="prepend"></Icon>
|
|
|
|
</i-input>
|
|
|
|
</i-input>
|
|
|
|
<p v-if="showPromptUser" class="font-prompt">{{loginPrompt}}</p>
|
|
|
|
<p v-if="showPromptUser" class="font-prompt">{{loginPrompt}}</p>
|
|
|
|
</FormItem>
|
|
|
|
</FormItem>
|
|
|
|
<FormItem prop="password">
|
|
|
|
<FormItem prop="password">
|
|
|
|
<i-input type="password" size="large" v-model="formInline.password" placeholder="Password"
|
|
|
|
<i-input type="password" size="large" v-model="formInline.password" placeholder="密码"
|
|
|
|
@on-focus="inputFocus">
|
|
|
|
@on-focus="inputFocus">
|
|
|
|
<Icon type="ios-lock-outline" slot="prepend"></Icon>
|
|
|
|
<Icon type="ios-lock-outline" slot="prepend"></Icon>
|
|
|
|
</i-input>
|
|
|
|
</i-input>
|
|
|
@ -184,8 +184,8 @@
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|
.center {
|
|
|
|
.center {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
width: 350px;
|
|
|
|
/*width: 350px;*/
|
|
|
|
height: 300px;
|
|
|
|
/*height: 300px;*/
|
|
|
|
top: 42%;
|
|
|
|
top: 42%;
|
|
|
|
right: 10%;
|
|
|
|
right: 10%;
|
|
|
|
transform: translate(-150px, -130px);
|
|
|
|
transform: translate(-150px, -130px);
|
|
|
|