|
|
@@ -2,34 +2,23 @@
|
|
|
<div id="login">
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="style">
|
|
|
- <!-- <el-col :span="24" class="login">
|
|
|
- <el-col :span="24" class="top">登录</el-col>
|
|
|
- <el-form label-position="left" label-width="80px" :model="form" class="form">
|
|
|
- <el-form-item label="手机号">
|
|
|
- <el-input v-model="form.phone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码">
|
|
|
- <el-input v-model="form.passwd"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-col :span="24" style="text-align:center;">
|
|
|
- <el-button plain @click="onSubmit()">登录</el-button>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-col> -->
|
|
|
<el-col :span="24" class="login">
|
|
|
<el-col :span="24" class="top">
|
|
|
登录
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="form">
|
|
|
<el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
|
|
|
- <el-form-item label="手机号" prop="phone">
|
|
|
+ <el-form-item prop="phone">
|
|
|
+ <span slot="label">手机号</span>
|
|
|
<el-input v-model="form.phone" placeholder="请输入手机号" maxlength="11"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="密码" prop="passwd">
|
|
|
+ <el-form-item prop="passwd">
|
|
|
+ <span slot="label">密码</span>
|
|
|
<el-input v-model="form.passwd" placeholder="请输入密码" show-password></el-input>
|
|
|
</el-form-item>
|
|
|
<el-col :span="24" style="text-align:center;">
|
|
|
- <el-button type="primary" @click="submitForm('form')">登录</el-button>
|
|
|
+ <el-button type="primary" @click="resetForm('form')">重置</el-button>
|
|
|
+ <el-button type="success" @click="submitForm('form')">登录</el-button>
|
|
|
</el-col>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
@@ -64,6 +53,9 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ resetForm(formName) {
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -89,8 +81,19 @@ export default {
|
|
|
font-size: 50px;
|
|
|
text-shadow: cornflowerblue 3px 3px 3px;
|
|
|
font-family: cursive;
|
|
|
- padding: 20px 0;
|
|
|
+ padding: 50px 0;
|
|
|
+ }
|
|
|
+ .form {
|
|
|
+ padding: 25px 50px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+/deep/.el-form-item__label {
|
|
|
+ font-size: 24px;
|
|
|
+ font-family: 楷体;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/deep/.el-form-item {
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
</style>
|
