Skip to content

bdc / bdcsjsb-web

Go to a project
Toggle navigation
Toggle navigation pinning
8ed93a4a by yangwei
Options

登录修改

1 parent 4f2c3637
Inline Side-by-side
Showing 8 changed files with 285 additions and 272 deletions
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>隐藏</title>
5 <desc>Created with Sketch.</desc>
6 <g id="隐藏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M6.03072945,10.4919039 L5.73253111,12.7244564 C5.69597191,12.998168 5.44444773,13.190418 5.17073614,13.1538588 C4.89702455,13.1172996 4.70477455,12.8657754 4.74133375,12.5920638 L5.06197696,10.1914709 C4.16952851,9.84883526 3.3412638,9.33963486 2.57840414,8.66573829 L1.54490653,10.84056 C1.42638298,11.0899729 1.12811158,11.1960797 0.878698712,11.0775561 C0.629285844,10.9590326 0.52317909,10.6607612 0.641702643,10.4113483 L1.82431508,7.92273947 C1.1849111,7.22355926 0.59765863,6.39438608 0.0634190527,5.43653783 C-0.0710917064,5.19537095 0.0153701679,4.89082404 0.256537054,4.75631328 C0.49770394,4.62180252 0.802250844,4.7082644 0.936761603,4.94943128 C2.7218512,8.14995221 5.0622906,9.71807475 8.00009033,9.71807475 C10.9378901,9.71807475 13.2783295,8.14995221 15.0634191,4.94943128 C15.1979298,4.7082644 15.5024767,4.62180252 15.7436436,4.75631328 C15.9848105,4.89082404 16.0712724,5.19537095 15.9367616,5.43653783 C15.4384416,6.32998517 14.8939977,7.11147869 14.304129,7.77994884 L15.554597,10.4113483 C15.6731206,10.6607612 15.5670138,10.9590326 15.3176009,11.0775561 C15.0681881,11.1960797 14.7699167,11.0899729 14.6513931,10.84056 L13.5590961,8.54200484 C12.6449311,9.38205401 11.6347609,9.98078996 10.5307537,10.3348952 L10.8296734,12.5728484 C10.8662326,12.84656 10.6739826,13.0980842 10.400271,13.1346434 C10.1265594,13.1712026 9.87503523,12.9789526 9.83847602,12.705241 L9.5545725,10.5797109 C9.05379094,10.671864 8.53557174,10.7180748 8.00009033,10.7180748 C7.31528214,10.7180748 6.6587062,10.6424973 6.03072945,10.4919039 Z" id="形状结合" fill="#B4B4B4" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
This diff could not be displayed because it is too large.
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>显示</title>
5 <desc>Created with Sketch.</desc>
6 <g id="显示" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M8,13.5944821 C5.08783139,13.5944821 2.47901047,11.8330303 0.184843129,8.37324049 L3.55271368e-15,8.09448212 L0.184843129,7.81572374 C2.47901047,4.35593396 5.08783139,2.59448212 8,2.59448212 C10.9121686,2.59448212 13.5209895,4.35593396 15.8151569,7.81572374 L16,8.09448212 L15.8151569,8.37324049 C13.5209895,11.8330303 10.9121686,13.5944821 8,13.5944821 Z M8,3.59448212 C5.53379057,3.59448212 3.26813906,5.07524663 1.19270822,8.09448212 C3.26813906,11.1137176 5.53379057,12.5944821 8,12.5944821 C10.4662094,12.5944821 12.7318609,11.1137176 14.8072918,8.09448212 C12.7318609,5.07524663 10.4662094,3.59448212 8,3.59448212 Z M9.12299335,5.45693297 C8.68456104,5.73514629 8.39327462,6.2269821 8.39327462,6.78731592 C8.39327462,7.65519196 9.09205701,8.3587445 9.95404878,8.3587445 C10.2357938,8.3587445 10.5001026,8.28358173 10.7282737,8.15208542 C10.6331828,9.58403639 9.44941475,10.7158874 8.00308108,10.7158874 C6.49459548,10.7158874 5.27172629,9.48467042 5.27172629,7.96588735 C5.27172629,6.44710429 6.49459548,5.21588735 8.00308108,5.21588735 C8.40216026,5.21588735 8.78124917,5.30206019 9.12299335,5.45693297 Z" id="形状结合" fill="#0091FF" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>password</title>
5 <desc>Created with Sketch.</desc>
6 <g id="password" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M4.0011827,6.56400569 L4.0011827,4.87032377 C4.0011827,2.74881464 5.72100565,1.02899168 7.84251478,1.02899168 C9.96402392,1.02899168 11.6838469,2.74881464 11.6838469,4.87032377 L11.6838469,5.7928261 L10.7661998,5.7928261 L10.7661998,4.87032377 C10.7661998,3.25561712 9.45722144,1.94663874 7.84251478,1.94663874 C6.22780813,1.94663874 4.91882975,3.25561712 4.91882975,4.87032377 L4.91882975,6.56400569 L12.6850296,6.56400569 C13.4907156,6.56400569 14.1438531,7.21714323 14.1438531,8.02282922 L14.1438531,13.4028479 C14.1438531,14.2085339 13.4907156,14.8616714 12.6850296,14.8616714 L3,14.8616714 C2.19431401,14.8616714 1.54117647,14.2085339 1.54117647,13.4028479 L1.54117647,8.02282922 C1.54117647,7.21714323 2.19431401,6.56400569 3,6.56400569 L4.0011827,6.56400569 Z M3,7.48165275 C2.70111649,7.48165275 2.45882353,7.72394571 2.45882353,8.02282922 L2.45882353,13.4028479 C2.45882353,13.7017314 2.70111649,13.9440244 3,13.9440244 L12.6850296,13.9440244 C12.9839131,13.9440244 13.226206,13.7017314 13.226206,13.4028479 L13.226206,8.02282922 C13.226206,7.72394571 12.9839131,7.48165275 12.6850296,7.48165275 L3,7.48165275 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>user</title>
5 <desc>Created with Sketch.</desc>
6 <g id="user" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M5.70040727,8.36338619 C4.96173204,8.70409103 4.31101884,9.24156453 3.78444015,9.95202823 C2.94870333,11.0788243 2.46666667,12.5978855 2.46666667,14.1120529 C2.46666667,14.2335891 2.59610246,14.3514362 2.77548069,14.3514362 L13.1661579,14.3514362 C13.3455361,14.3514362 13.4749719,14.2335891 13.4749719,14.1120529 C13.4749719,12.0278862 12.5626821,10.0351425 11.1096588,8.92092682 L11.6776024,8.18028444 C13.3693466,9.47755739 14.4083053,11.7469879 14.4083053,14.1120529 C14.4083053,14.7696063 13.8424825,15.2847695 13.1661579,15.2847695 L2.77548069,15.2847695 C2.09915609,15.2847695 1.53333333,14.7696063 1.53333333,14.1120529 C1.53333333,12.4013641 2.07738878,10.6868606 3.0347023,9.39614673 C3.53516209,8.7209228 4.13710805,8.17384176 4.81664416,7.7738283 C3.93912572,7.01707839 3.38576579,5.91929918 3.38576579,4.69637232 C3.38576579,2.40902821 5.3212908,0.556854908 7.69195361,0.556854908 C10.063179,0.556854908 11.9981414,2.40606943 11.9981414,4.69289423 C11.9981414,6.98023832 10.0626164,8.83241167 7.69195361,8.83241167 C6.97429417,8.83241167 6.29659602,8.66302531 5.70040727,8.36338619 Z M4.31909912,4.69637232 C4.31909912,6.45803072 5.82696798,7.89907833 7.69195361,7.89907833 C9.55611742,7.89907833 11.0648081,6.4553581 11.0648081,4.69289423 C11.0648081,2.93123585 9.55693923,1.49018824 7.69195361,1.49018824 C5.82778977,1.49018824 4.31909912,2.93390843 4.31909912,4.69637232 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687311691503" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10425" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M867.584 160.192c-149.632-16.928-262.208-57.408-334.592-120.352l-19.04-16.544-20.544 14.656C379.968 118.944 267.776 160 160 160H128v448c0 137.344 121.088 261.92 370.208 380.864l13.088 6.24 13.344-5.728C771.072 883.52 896 755.232 896 608V163.424l-28.416-3.232zM832 608c0 116.8-107.392 223.36-319.328 316.8C299.872 821.024 192 714.464 192 608V222.976c104.672-6.784 211.584-46.688 318.496-118.944C587.232 162.528 695.168 201.536 832 220.256V608z" p-id="10426" fill="#6D7278"></path><path d="M359.776 468.672a32 32 0 1 0-47.968 42.4l121.792 137.824c12.608 14.24 30.176 21.568 47.904 21.568a64.384 64.384 0 0 0 49.696-23.52l197.6-242.72a32 32 0 0 0-49.632-40.416l-197.6 242.688-121.792-137.824z" p-id="10427" fill="#6D7278"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div class="bg"> 2 <div id="login">
3 <div class="title"> 3 <div class="login-logo"><img src="./images/logo-login.svg" /></div>
4 <img src="../../image/bdclogo.png" alt="" /> 4 <div class="login-con">
5 <h2>{{ BASE_API.TITLE }}</h2> 5 <div class="login-wrap">
6 </div> 6 <p>用户登录</p>
7 <div class="login-inner-bg login"> 7 <div class="login-user" :class="{ 'select-border': change.user }">
8 <div class="user_style"> 8 <img class="user-icon" src="./images/user.svg" />
9 <h3>用户登录</h3> 9 <input
10 <el-form 10 type="text"
11 :model="userInfo" 11 class="user-input"
12 :rules="rules" 12 placeholder="请输入账号"
13 ref="user"
14 id="loginform"
15 class="demo-ruleForm"
16 >
17 <el-form-item prop="username">
18 <el-input
19 class="username"
20 v-model="userInfo.username" 13 v-model="userInfo.username"
21 placeholder="请输入用户名" 14 @focus="reduceBorder('user')"
22 ></el-input> 15 @blur="addBorder('user')"
23 </el-form-item> 16 />
24 <el-form-item prop="password"> 17 <span class="warning" v-show="warning.user">账号不能为空</span>
25 <el-input 18 </div>
19 <div class="login-user user-mt" :class="{ 'select-border': change.pass }">
20 <img class="user-icon" src="./images/password.svg" />
21 <input
26 type="password" 22 type="password"
27 class="password" 23 class="user-input"
28 @keyup.enter.native="login('user')" 24 placeholder="请输入密码"
29 v-model="userInfo.password" 25 v-model="userInfo.password"
26 v-show="!selectEye"
27 @focus="reduceBorder('pass')"
28 @blur="addBorder('pass')"
29 />
30 <input
31 type="text"
32 class="user-input"
30 placeholder="请输入密码" 33 placeholder="请输入密码"
31 show-password 34 v-model="userInfo.password"
32 ></el-input> 35 v-show="selectEye"
33 </el-form-item> 36 @focus="reduceBorder('pass')"
34 <!-- <el-form-item prop="yz"> 37 @blur="addBorder('pass')"
35 <div class="flex-container"> 38 />
36 <div class="flex-input"> 39 <img
37 <el-input class="yz" @keyup.native="login('user')" v-model="userInfo.yz" placeholder="请输入验证码"></el-input> 40 class="password-eye"
38 </div> 41 src="./images/open.svg"
39 <div class="flex-line"></div> 42 @click="selectEyes"
40 <div class="flex-img"><canvas id="s-canvas" ref="s-canvas"></canvas></div> 43 v-show="selectEye"
41 <div class="flex-renovate"> 44 />
42 <font id="renovate" @click="verification">换一批</font> 45 <img
46 class="password-eye"
47 src="./images/close.svg"
48 @click="selectEyes"
49 v-show="!selectEye"
50 />
51 <span class="warning" v-show="warning.pass">密码不能为空</span>
43 </div> 52 </div>
53 <div class="login-user login-valid" :class="{ 'select-border': change.valid }">
54 <img class="user-icon" src="./images/valid.svg" />
55 <input
56 type="text"
57 class="user-input"
58 placeholder="请输入验证码"
59 v-model="userInfo.captchaCode"
60 @focus="reduceBorder('valid')"
61 @blur="addBorder('valid')"
62 />
63 <img class="valid-img" :src="codeSrc" alt="暂无验证码" @click="reloadCaptcha">
64 <span class="warning" v-show="warning.valid">验证码不能为空</span>
44 </div> 65 </div>
45 </el-form-item> --> 66 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
46 <el-form-item class="login-btn">
47 <el-button type="primary" style="width: 100%" @click="login('user')"
48 >登录</el-button
49 >
50 </el-form-item>
51 </el-form>
52 </div> 67 </div>
53 </div> 68 </div>
54 </div> 69 </div>
55 </template> 70 </template>
56
57 <script> 71 <script>
58 import axios from "axios"; 72 import axios from "axios";
59 export default { 73 export default {
60 name: "sbLogin",
61 data() { 74 data() {
62 return { 75 return {
76 // 用户名
77 selectIcon: true,
78 // 用户名
79 selectEye: false,
63 userInfo: { 80 userInfo: {
64 username: "admin", 81 // 用户名
65 password: "123", 82 username: "",
83 // 密码
84 password: "",
85 // 重定向地址
66 redirectUrl: "", 86 redirectUrl: "",
67 yz: "", 87 // 验证码key
68 checkStatus: false, 88 captchaKey:'',
89 // 验证码值
90 captchaCode: ''
91 },
92 //边框
93 change: {
94 user: false,
95 pass: false,
96 valid:false
69 }, 97 },
70 productName: "", 98 // 提示语
71 rules: { 99 warning: {
72 username: [{ required: true, message: "请填写帐号", trigger: "blur" }], 100 user: false,
73 password: [{ required: true, message: "请填写密码", trigger: "blur" }], 101 pass: false,
102 valid: false,
74 }, 103 },
104 // 验证码图片地址
105 codeSrc:""
75 }; 106 };
76 }, 107 },
77 mounted() { 108 mounted() {
109 this.initPage();
78 this.userInfo.redirectUrl = localStorage.getItem("sjsb-location"); 110 this.userInfo.redirectUrl = localStorage.getItem("sjsb-location");
111 this.reloadCaptcha()
79 }, 112 },
80 methods: { 113 methods: {
81 verification() { 114 // 更新验证码
82 let str = "1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ", 115 reloadCaptcha(){
83 code = "", 116 axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
84 i = 0; 117 if (res.data.status === 1) {
85 for (; i++ < 4; ) 118 this.userInfo.captchaKey = res.data.content['dubhe.captcha']
86 code += str[Math.floor(Math.random() * (str.length - 0) + 0)]; 119 this.codeSrc = res.data.content.image
87 setTimeout(() => {
88 let canvas = document.getElementById("s-canvas"),
89 ctx = canvas.getContext("2d");
90 canvas.width = 80;
91 canvas.height = 28;
92 ctx.fillStyle = "#ffffff";
93 ctx.fillRect(0, 0, 80, 28);
94 for (i = 0; i < code.length; i++) {
95 this.drawText(ctx, code[i], i);
96 } 120 }
97 }, 0); 121 })
98 },
99 drawText(ctx, txt, i) {
100 ctx.fillStyle = this.randomColor(50, 160);
101 ctx.font = "18px SimHei";
102 let x = (i + 1) * (80 / (4 + 1)),
103 y = this.randomNum(18, 28 - 5);
104 ctx.translate(x, y);
105 ctx.fillText(txt, 0, 0);
106 ctx.rotate((-0 * Math.PI) / 180);
107 ctx.translate(-x, -y);
108 },
109 randomColor(min, max) {
110 let r = this.randomNum(min, max);
111 let g = this.randomNum(min, max);
112 let b = this.randomNum(min, max);
113 return "rgb(" + r + "," + g + "," + b + ")";
114 }, 122 },
115 randomNum(min, max) { 123 // 初始化
116 return Math.floor(Math.random() * (max - min) + min); 124 initPage() {
125 let userInfo =
126 localStorage.getItem("userInfo") &&
127 JSON.parse(localStorage.getItem("userInfo"));
128 if (userInfo) {
129 this.userInfo.username = userInfo.username;
130 this.userInfo.password = userInfo.password;
131 }
117 }, 132 },
118 //记住用户名 133 // 登录
119 checkUserName: function (flag) { 134 goHome() {
120 this.userInfo.checkStatus = flag; 135 if (this.userInfo.username && this.userInfo.password) {
121 if (this.userInfo.checkStatus) { 136 axios
122 localStorage.setItem("usernameId", this.userInfo.username); 137 .post(
123 let name = localStorage.getItem("usernameId"); 138 window._config.services.management + "/management/cas/login",
124 if (name === "") { 139 this.userInfo
125 return; 140 )
141 .then((response) => {
142 debugger
143 if (response.data.status === 1) {
144 if (response.data.content.location) {
145 window.location.href = response.data.content.location;
146 }
126 } else { 147 } else {
127 this.userInfo.username = name; 148 this.$message.error(response.data.message);
128 } 149 }
150 })
151 .catch((error) => {
152 console.log(error);
153 this.$message.error(error.message);
154 });
129 } else { 155 } else {
130 this.userInfo.username = localStorage.getItem("usernameId"); 156 return
131 } 157 }
132 }, 158 },
133 login() { 159 selectEyes() {
134 axios.post(window._config.services.management + "/management/cas/login", this.userInfo).then(response => { 160 this.selectEye = !this.selectEye;
135 if (response.data.status === 1) { 161 },
136 if (response.data.content.location) { 162 //获取焦点
137 window.location.href = response.data.content.location 163 reduceBorder(type) {
164 this.change[type] = true
165 },
166 addBorder(type) {
167 //失去焦点
168 switch (type) {
169 case "user":
170 this.change.user = false;
171 if (!this.userInfo.username) {
172 this.warning.user = true;
173 } else {
174 this.warning.user = false;
138 } 175 }
176 break;
177 case "pass":
178 this.change.pass = false;
179 if (!this.userInfo.password) {
180 this.warning.pass = true;
139 } else { 181 } else {
140 this.$message.error(response.data.message) 182 this.warning.pass = false;
183 }
184 break;
185 case "valid":
186 this.change.valid = false;
187 if (!this.userInfo.captchaCode) {
188 this.warning.valid = true;
189 } else {
190 this.warning.valid = false;
191 }
192 break;
193 default:
194 break;
141 } 195 }
142 }).catch(error => {
143 console.log(error)
144 this.$message.error(error.message)
145 })
146 }, 196 },
147 }, 197 },
148 }; 198 };
149 </script> 199 </script>
150 <style scoped lang="scss"> 200 <style lang="scss" scoped>
151 .username, 201 #login {
152 .password, 202 width: 100vw;
153 .yz { 203 height: 100vh;
154 position: relative; 204 background: url("./images/login-bg.png") no-repeat;
155
156 &:before {
157 content: "";
158 display: block;
159 width: 16px;
160 height: 16px;
161 position: absolute;
162 left: 10px;
163 top: 7px;
164 background-size: 100% 100%;
165 }
166
167 /deep/ .el-input__inner {
168 color: #000 !important;
169 text-indent: 24px;
170 }
171 }
172
173 .flex-container {
174 position: relative;
175 display: -webkit-flex;
176 display: flex;
177 }
178
179 .flex-input {
180 width: 100%;
181 }
182
183 .flex-line {
184 position: absolute;
185 width: 1px;
186 height: 64%;
187 margin: 5px;
188 right: 36%;
189 background-color: #cccccc;
190 }
191
192 .flex-img {
193 position: absolute;
194 margin: 2px;
195 right: 16%;
196 }
197
198 .flex-renovate {
199 position: absolute;
200 margin: 1px;
201 right: 3%;
202 }
203
204 #renovate {
205 color: #3f8fea;
206 font-size: 16px;
207 font-weight: 700;
208 cursor: pointer;
209 }
210
211 .username::before {
212 background-image: url(../../image/userlogo.png);
213 }
214
215 .password::before {
216 background-image: url(../../image/passlogo.png);
217 }
218
219 .yz::before {
220 background-image: url(../../image/yzlogo.png);
221 }
222
223 .bg {
224 width: 100%;
225 height: 100%;
226 min-width: 1440px;
227 min-height: 560px;
228 background: url(../../image/loginBoxsb.png) no-repeat;
229 background-size: 100% 100%; 205 background-size: 100% 100%;
230 overflow: hidden; 206 overflow: hidden;
231 position: relative; 207 position: relative;
232 } 208 .login-logo {
233 209 margin-top: 18vh;
234 .title { 210 height: 70px;
235 width: 24%; 211 width: 100%;
236 height: 6%; 212 text-align: center;
237 top: 20%;
238 right: 38%;
239 position: absolute;
240
241 img {
242 width: 60px;
243 height: 60px;
244 top: 0%;
245 left: 2%;
246 position: absolute;
247 } 213 }
248 214 .login-logo img {
249 h2 { 215 height: 100%;
250 top: 25%; 216 width: 486px;
251 left: 22%;
252 position: absolute;
253 width: 383px;
254 height: 42px;
255 font-size: 28px;
256 font-weight: 600;
257 color: #ffffff;
258 text-shadow: 0px 4px 4px #002c95;
259 } 217 }
260 } 218 .login-con {
261 219 margin: 14px auto;
262 .login-inner-bg { 220 width: 486px;
263 background: white; 221 .login-wrap{
264 width: 24.6%; 222 width: 100%;
265 min-width: 360px; 223 height: 450px;
266 top: 30%;
267 right: 38%;
268 position: absolute;
269 background-size: 100% 100%;
270 box-sizing: border-box; 224 box-sizing: border-box;
271 padding: 56px; 225 padding: 48px 56px;
272 } 226 background: #FFFFFF;
273 227 box-shadow: 0px 7px 27px 0px rgba(133,169,231,0.51);
274 .login { 228 border-radius: 4px;
275 .user_style { 229 p{
276 h3 { 230 width: 100%;
277 font-weight: normal;
278 text-align: center;
279 margin: -10px auto 28px;
280 font-weight: 400;
281 width: 125px;
282 height: 29px;
283 font-size: 20px; 231 font-size: 20px;
284 font-family: Source Han Sans CN; 232 font-weight: 500;
285 font-weight: 400;
286 color: #333333; 233 color: #333333;
234 line-height: 26px;
235 position: relative;
236 text-align: center;
237 }
287 } 238 }
288 } 239 }
289 240 .login-user {
290 .btn {
291 width: 100%; 241 width: 100%;
292 height: 6vh; 242 height: 40px;
293 background-color: #00c2de; 243 border: 1px solid #E5E5E5;
294 border-radius: 5px; 244 box-sizing: border-box;
295 font-size: 1.4vw; 245 margin-top: 30px;
296 color: #000; 246 border-radius: 2px;
247 position: relative;
248 .user-icon {
249 float: left;
250 margin: 10px auto auto 10px;
251 width: 28px;
252 height: 18px;
253 }
254 .user-input {
255 width: 80%;
256 float: left;
257 font-size: 16px;
258 outline: 0;
259 border: none;
260 color: #4a4a4a;
261 height: 36px;
262 line-height: 40px;
297 } 263 }
298 264 .password-eye {
299 .btn:hover { 265 float: right;
266 width: 16px;
267 height: 16px;
268 margin-right: 12px;
269 margin-top: 13px;
300 cursor: pointer; 270 cursor: pointer;
301 background-color: #2d8cf0;
302 } 271 }
303 } 272 .warning {
304 273 font-size: 12px;
305 .login #loginform { 274 color: red;
306 .el-form-item { 275 position: absolute;
307 margin-bottom: 24px !important; 276 left: 0;
277 bottom: -18px;
308 } 278 }
309
310 .login-btn {
311 margin-top: 30px !important;
312 } 279 }
313 280 .login-valid{
314 .el-button { 281 width: 60%;
315 font-size: 18px; 282 .valid-img{
316 border-radius: 0; 283 width: 50%;
317 background: #4162d8 !important; 284 position: absolute;
318 color: #ffffff !important; 285 right: -66%;
319 cursor: pointer !important; 286 top: 2px;
287 cursor: pointer;
288 }
320 } 289 }
321 290 .user-mt {
322 .el-input__inner { 291 margin-top: 26px;
323 width: 100% !important;
324 } 292 }
325 293 .select-border {
326 .el-checkbox__label { 294 border: 1px solid rgba(0, 113, 255, 1);
295 }
296 .login-btn {
297 width: 100%;
298 height: 48px;
299 background: #4162D8;
300 border-radius: 2px;
301 margin: 0 auto;
302 margin-top: 40px;
303 font-size: 20px;
304 font-weight: 500;
305 line-height: 48px;
306 text-align: center;
327 color: #fff; 307 color: #fff;
308 cursor: pointer;
328 } 309 }
329 } 310 }
330
331 .inputUser .ivu-input {
332 padding: 6px 24px !important;
333 border: 1px solid #9f9f9f !important;
334 }
335 </style> 311 </style>
......