|
| xqd
@@ -15,15 +15,22 @@
|
|
|
auto-complete="on"
|
|
|
label-position="left"
|
|
|
>
|
|
|
-
|
|
|
<div class="title-container">
|
|
|
<h3 class="title">登录</h3>
|
|
|
</div>
|
|
|
<div class="checkbox flex1">
|
|
|
- <div class="business " :class="checked==0 ? 'bnesper' : 'actbnes' " @click="checked=0">
|
|
|
+ <div
|
|
|
+ class="business"
|
|
|
+ :class="checked == 0 ? 'bnesper' : 'actbnes'"
|
|
|
+ @click="checked = 0"
|
|
|
+ >
|
|
|
<p class="asp">业务人员</p>
|
|
|
</div>
|
|
|
- <div class="business " :class="checked==1 ? 'applyper' : 'actapp' " @click="checked=1">
|
|
|
+ <div
|
|
|
+ class="business"
|
|
|
+ :class="checked == 1 ? 'applyper' : 'actapp'"
|
|
|
+ @click="checked = 1"
|
|
|
+ >
|
|
|
<p class="asp">供应商</p>
|
|
|
</div>
|
|
|
</div>
|
|
| xqd
@@ -41,9 +48,7 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="password">
|
|
|
- <span class="svg-container">
|
|
|
- 密码
|
|
|
- </span>
|
|
|
+ <span class="svg-container"> 密码 </span>
|
|
|
<el-input
|
|
|
:key="passwordType"
|
|
|
ref="password"
|
|
| xqd
@@ -56,7 +61,11 @@
|
|
|
@keyup.enter.native="handleLogin"
|
|
|
/>
|
|
|
<span class="show-pwd" @click="showPwd">
|
|
|
- <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
|
|
|
+ <svg-icon
|
|
|
+ :icon-class="
|
|
|
+ passwordType === 'password' ? 'eye' : 'eye-open'
|
|
|
+ "
|
|
|
+ />
|
|
|
</span>
|
|
|
</el-form-item>
|
|
|
|
|
| xqd
@@ -68,139 +77,146 @@
|
|
|
<p class="asp">忘记密码？</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-button :loading="loading" type="primary" class="loginbtn" @click.native.prevent="handleLogin">登录
|
|
|
+ <el-button
|
|
|
+ :loading="loading"
|
|
|
+ type="primary"
|
|
|
+ class="loginbtn"
|
|
|
+ @click.native.prevent="handleLogin"
|
|
|
+ >登录
|
|
|
</el-button>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
-
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import logo from '/src/assets/img/logo.png'
|
|
|
+import logo from "/src/assets/img/logo.png";
|
|
|
import router from "@/router";
|
|
|
export default {
|
|
|
- name: 'Login',
|
|
|
+ name: "Login",
|
|
|
data() {
|
|
|
const validateUsername = (rule, value, callback) => {
|
|
|
if (value.length === 0) {
|
|
|
- callback(new Error('请输入账户名称'))
|
|
|
+ callback(new Error("请输入账户名称"));
|
|
|
} else {
|
|
|
- callback()
|
|
|
+ callback();
|
|
|
}
|
|
|
- }
|
|
|
+ };
|
|
|
const validatePassword = (rule, value, callback) => {
|
|
|
if (value.length < 6) {
|
|
|
- callback(new Error('请输入大于6位数密码'))
|
|
|
+ callback(new Error("请输入大于6位数密码"));
|
|
|
} else {
|
|
|
- callback()
|
|
|
+ callback();
|
|
|
}
|
|
|
- }
|
|
|
- const validateloginType = (rule, value, callback) => {
|
|
|
-
|
|
|
- }
|
|
|
+ };
|
|
|
+ const validateloginType = (rule, value, callback) => {};
|
|
|
return {
|
|
|
loginForm: {
|
|
|
- username: 'admin',
|
|
|
- password: '123456',
|
|
|
- loginType: 0
|
|
|
+ username: "admin",
|
|
|
+ password: "123456",
|
|
|
+ loginType: 0,
|
|
|
},
|
|
|
loginRules: {
|
|
|
- username: [{
|
|
|
- required: true,
|
|
|
- trigger: 'blur',
|
|
|
- validator: validateUsername
|
|
|
- }],
|
|
|
- password: [{
|
|
|
- required: true,
|
|
|
- trigger: 'blur',
|
|
|
- validator: validatePassword
|
|
|
- }],
|
|
|
- loginType: [{
|
|
|
- required: true,
|
|
|
- trigger: 'blur',
|
|
|
- validator: validateloginType
|
|
|
- }]
|
|
|
+ username: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ validator: validateUsername,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ password: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ validator: validatePassword,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loginType: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ validator: validateloginType,
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
loading: false,
|
|
|
- passwordType: 'password',
|
|
|
+ passwordType: "password",
|
|
|
redirect: undefined,
|
|
|
src: logo,
|
|
|
- checked: 0
|
|
|
- }
|
|
|
+ checked: 0,
|
|
|
+ };
|
|
|
},
|
|
|
watch: {
|
|
|
$route: {
|
|
|
- handler: function(route) {
|
|
|
- this.redirect = route.query && route.query.redirect
|
|
|
+ handler: function (route) {
|
|
|
+ this.redirect = route.query && route.query.redirect;
|
|
|
},
|
|
|
- immediate: true
|
|
|
- }
|
|
|
+ immediate: true,
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
if (this.$route.query.checked) {
|
|
|
- this.checked = this.$route.query.checked
|
|
|
+ this.checked = this.$route.query.checked;
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
showPwd() {
|
|
|
- if (this.passwordType === 'password') {
|
|
|
- this.passwordType = ''
|
|
|
+ if (this.passwordType === "password") {
|
|
|
+ this.passwordType = "";
|
|
|
} else {
|
|
|
- this.passwordType = 'password'
|
|
|
+ this.passwordType = "password";
|
|
|
}
|
|
|
this.$nextTick(() => {
|
|
|
- this.$refs.password.focus()
|
|
|
- })
|
|
|
+ this.$refs.password.focus();
|
|
|
+ });
|
|
|
},
|
|
|
registerNum() {
|
|
|
this.$router.push({
|
|
|
- path: '/register',
|
|
|
+ path: "/register",
|
|
|
query: {
|
|
|
- checked: this.checked
|
|
|
- }
|
|
|
- })
|
|
|
+ checked: this.checked,
|
|
|
+ },
|
|
|
+ });
|
|
|
},
|
|
|
open() {
|
|
|
- const h = this.$createElement
|
|
|
+ const h = this.$createElement;
|
|
|
this.$msgbox({
|
|
|
- title: '',
|
|
|
- message: h('p', null, [
|
|
|
- h('span', null, '请电话联系管理员，进行密码确定 ')
|
|
|
+ title: "",
|
|
|
+ message: h("p", null, [
|
|
|
+ h("span", null, "请电话联系管理员，进行密码确定 "),
|
|
|
]),
|
|
|
showCancelButton: true,
|
|
|
showConfirmButton: true,
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
beforeClose: (action, instance, done) => {
|
|
|
- if (action === 'confirm') {
|
|
|
- done()
|
|
|
+ if (action === "confirm") {
|
|
|
+ done();
|
|
|
} else {
|
|
|
- done()
|
|
|
+ done();
|
|
|
}
|
|
|
- }
|
|
|
- }).then(action => {
|
|
|
+ },
|
|
|
+ }).then((action) => {
|
|
|
// this.$message({
|
|
|
// type: 'info',
|
|
|
// message: 'action: ' + action
|
|
|
// })
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
handleLogin() {
|
|
|
- this.loginForm.loginType = this.checked + 1
|
|
|
- this.$refs.loginForm.validate(valid => {
|
|
|
+ this.loginForm.loginType = this.checked + 1;
|
|
|
+ this.$refs.loginForm.validate((valid) => {
|
|
|
if (!valid) {
|
|
|
- this.$message.error('请检查表单')
|
|
|
- return
|
|
|
+ this.$message.error("请检查表单");
|
|
|
+ return;
|
|
|
}
|
|
|
- this.$store.dispatch('user/ActionLogin', this.loginForm)
|
|
|
- this.$store.commit('user/getAdmin', this.checked)
|
|
|
-
|
|
|
- })
|
|
|
- }
|
|
|
+ this.$store.dispatch("user/ActionLogin", this.loginForm);
|
|
|
+ this.$store.commit("user/getAdmin", this.checked);
|
|
|
+ });
|
|
|
+ },
|
|
|
// handleLogin() {
|
|
|
// that.loginForm.loginType = that.checked + 1
|
|
|
// console.log(this.loginForm, 88)
|
|
| xqd
@@ -222,233 +238,231 @@ export default {
|
|
|
// return false
|
|
|
// }
|
|
|
// })
|
|
|
- }
|
|
|
-}
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" >
|
|
|
- /* 修复input 背景不协调 和光标变色 */
|
|
|
- /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
|
|
|
+/* 修复input 背景不协调 和光标变色 */
|
|
|
+/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
|
|
|
|
|
|
- $bg:#F6F6F6;
|
|
|
- $light_gray:#BEBDBB;
|
|
|
- $cursor: #BEBDBB;
|
|
|
+$bg: #f6f6f6;
|
|
|
+$light_gray: #bebdbb;
|
|
|
+$cursor: #bebdbb;
|
|
|
|
|
|
- @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
|
|
|
- .login-container .el-input input {
|
|
|
- color: $cursor;
|
|
|
- }
|
|
|
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
|
|
|
+ .login-container .el-input input {
|
|
|
+ color: $cursor;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- /* reset element-ui css */
|
|
|
- .login-container {
|
|
|
- background: url("../../assets/img/loginbg.png") no-repeat;
|
|
|
- background-size: 100%;
|
|
|
-
|
|
|
- .el-input {
|
|
|
- display: inline-block;
|
|
|
+/* reset element-ui css */
|
|
|
+.login-container {
|
|
|
+ background: url("../../assets/img/loginbg.png") no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+
|
|
|
+ .el-input {
|
|
|
+ display: inline-block;
|
|
|
+ height: 47px;
|
|
|
+ width: 85%;
|
|
|
+ background-color: #f6f6f6;
|
|
|
+
|
|
|
+ input {
|
|
|
+ background: #f6f6f6;
|
|
|
+ border: 0px;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ padding: 12px 5px 12px 15px;
|
|
|
+ color: $light_gray;
|
|
|
height: 47px;
|
|
|
- width: 85%;
|
|
|
- background-color: #F6F6F6;
|
|
|
-
|
|
|
- input {
|
|
|
- background: #F6F6F6;
|
|
|
- border: 0px;
|
|
|
- -webkit-appearance: none;
|
|
|
- border-radius: 0px;
|
|
|
- padding: 12px 5px 12px 15px;
|
|
|
- color: $light_gray;
|
|
|
- height: 47px;
|
|
|
- caret-color: $cursor;
|
|
|
-
|
|
|
- &:-webkit-autofill {
|
|
|
- box-shadow: 0 0 0px 1000px $bg inset !important;
|
|
|
- -webkit-text-fill-color: $cursor !important;
|
|
|
- }
|
|
|
+ caret-color: $cursor;
|
|
|
+
|
|
|
+ &:-webkit-autofill {
|
|
|
+ box-shadow: 0 0 0px 1000px $bg inset !important;
|
|
|
+ -webkit-text-fill-color: $cursor !important;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .el-form-item {
|
|
|
- border: 1px solid rgba(255, 255, 255, 0.1);
|
|
|
- background: #F6F6F6;
|
|
|
- border-radius: 5px;
|
|
|
- color: #454545;
|
|
|
- }
|
|
|
+ .el-form-item {
|
|
|
+ border: 1px solid rgba(255, 255, 255, 0.1);
|
|
|
+ background: #f6f6f6;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #454545;
|
|
|
}
|
|
|
+}
|
|
|
</style>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- $bg:#2d3a4b;
|
|
|
- $dark_gray:#F6F6F6;
|
|
|
- $light_gray:#eee;
|
|
|
-
|
|
|
- .login-container {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- // background-color: $bg;
|
|
|
+$bg: #2d3a4b;
|
|
|
+$dark_gray: #f6f6f6;
|
|
|
+$light_gray: #eee;
|
|
|
+
|
|
|
+.login-container {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ // background-color: $bg;
|
|
|
+ // overflow: hidden;
|
|
|
+
|
|
|
+ .login-form {
|
|
|
+ position: relative;
|
|
|
+ width: 470px;
|
|
|
+ max-width: 100%;
|
|
|
+ padding: 0 35px 0;
|
|
|
+ margin: 0 auto;
|
|
|
// overflow: hidden;
|
|
|
+ }
|
|
|
|
|
|
- .login-form {
|
|
|
- position: relative;
|
|
|
- width: 470px;
|
|
|
- max-width: 100%;
|
|
|
- padding: 0 35px 0;
|
|
|
- margin: 0 auto;
|
|
|
- // overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- .tips {
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- margin-bottom: 10px;
|
|
|
+ .tips {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
|
- span {
|
|
|
- &:first-of-type {
|
|
|
- margin-right: 16px;
|
|
|
- }
|
|
|
+ span {
|
|
|
+ &:first-of-type {
|
|
|
+ margin-right: 16px;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .svg-container {
|
|
|
- padding: 6px 5px 6px 15px;
|
|
|
- color: #1F242A;
|
|
|
- vertical-align: middle;
|
|
|
- // width: 30px;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .title-container {
|
|
|
- position: relative;
|
|
|
+ .svg-container {
|
|
|
+ padding: 6px 5px 6px 15px;
|
|
|
+ color: #1f242a;
|
|
|
+ vertical-align: middle;
|
|
|
+ // width: 30px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
|
|
|
- .title {
|
|
|
- font-size: 48px;
|
|
|
- color: #1F242A;
|
|
|
- margin: 0px auto 40px auto;
|
|
|
- // text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
+ .title-container {
|
|
|
+ position: relative;
|
|
|
|
|
|
- .show-pwd {
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- top: 7px;
|
|
|
- font-size: 16px;
|
|
|
- color: $dark_gray;
|
|
|
- cursor: pointer;
|
|
|
- user-select: none;
|
|
|
+ .title {
|
|
|
+ font-size: 48px;
|
|
|
+ color: #1f242a;
|
|
|
+ margin: 0px auto 40px auto;
|
|
|
+ // text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .el-row {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .el-col {
|
|
|
- height: 100%;
|
|
|
+ .show-pwd {
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 7px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: $dark_gray;
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .business {
|
|
|
- width: 305px;
|
|
|
- height: 90px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- text-align: center;
|
|
|
- // background-color: #D8AB5A;
|
|
|
- border-raotherdius: 20rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-top: 57rpx;
|
|
|
- }
|
|
|
+.el-row {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
|
|
|
- .business {
|
|
|
- width: 305rpx;
|
|
|
- height: 90rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- text-align: center;
|
|
|
- // background-color: #D8AB5A;
|
|
|
- border-raotherdius: 20rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-top: 57rpx;
|
|
|
- // line-height: 110rpx;
|
|
|
- }
|
|
|
+.el-col {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
|
|
|
- .bnesper {
|
|
|
- background-size: 100%;
|
|
|
- background-image: url("../../assets/img/loginbtn4.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- padding-top: 10rpx;
|
|
|
- color: #FFF1D8;
|
|
|
+.business {
|
|
|
+ width: 305px;
|
|
|
+ height: 90px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ // background-color: #D8AB5A;
|
|
|
+ border-raotherdius: 20rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 57rpx;
|
|
|
+}
|
|
|
|
|
|
- .asp {
|
|
|
- padding-bottom: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
+.business {
|
|
|
+ width: 305rpx;
|
|
|
+ height: 90rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ // background-color: #D8AB5A;
|
|
|
+ border-raotherdius: 20rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 57rpx;
|
|
|
+ // line-height: 110rpx;
|
|
|
+}
|
|
|
|
|
|
- .applyper {
|
|
|
- background-image: url("../../assets/img/loginbt1.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- padding-top: 10rpx;
|
|
|
- color: #FFF1D8;
|
|
|
+.bnesper {
|
|
|
+ background-size: 100%;
|
|
|
+ background-image: url("../../assets/img/loginbtn4.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ color: #fff1d8;
|
|
|
|
|
|
- .asp {
|
|
|
- padding-bottom: 5px;
|
|
|
- }
|
|
|
+ .asp {
|
|
|
+ padding-bottom: 5px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .actapp {
|
|
|
- background-image: url("../../assets/img/loginbtn3.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- color: #D05C39;
|
|
|
- margin-bottom: 80rpx;
|
|
|
-
|
|
|
- .asp {
|
|
|
- padding-bottom: 20px;
|
|
|
- }
|
|
|
+.applyper {
|
|
|
+ background-image: url("../../assets/img/loginbt1.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ color: #fff1d8;
|
|
|
|
|
|
- // line-height: 180rpx;
|
|
|
+ .asp {
|
|
|
+ padding-bottom: 5px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .actbnes {
|
|
|
- background-image: url("../../assets/img/loginbt2.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100%;
|
|
|
- color: #D05C39;
|
|
|
+.actapp {
|
|
|
+ background-image: url("../../assets/img/loginbtn3.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ color: #d05c39;
|
|
|
+ margin-bottom: 80rpx;
|
|
|
|
|
|
- .asp {
|
|
|
- padding-bottom: 20px;
|
|
|
- }
|
|
|
+ .asp {
|
|
|
+ padding-bottom: 20px;
|
|
|
}
|
|
|
|
|
|
- .loginbtn {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 30px;
|
|
|
- background: linear-gradient(to right, #FFE1AD, #D07539);
|
|
|
- border: none;
|
|
|
-
|
|
|
- height: 56px;
|
|
|
- border-radius: 10px;
|
|
|
+ // line-height: 180rpx;
|
|
|
+}
|
|
|
|
|
|
- font-size: 24px;
|
|
|
+.actbnes {
|
|
|
+ background-image: url("../../assets/img/loginbt2.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ color: #d05c39;
|
|
|
|
|
|
+ .asp {
|
|
|
+ padding-bottom: 20px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .registerbtn {
|
|
|
- margin-top: -20px;
|
|
|
- margin-bottom: 30px;
|
|
|
- font-size: 16px;
|
|
|
+.loginbtn {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ background: linear-gradient(to right, #ffe1ad, #d07539);
|
|
|
+ border: none;
|
|
|
|
|
|
- .forgect {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ height: 56px;
|
|
|
+ border-radius: 10px;
|
|
|
|
|
|
- .nes {
|
|
|
- color: #D05C39;
|
|
|
- }
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
|
|
|
+.registerbtn {
|
|
|
+ margin-top: -20px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+
|
|
|
+ .forgect {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nes {
|
|
|
+ color: #d05c39;
|
|
|
}
|
|
|
+}
|
|
|
</style>
|
