desc: 调整登陆页面样式

src/views/login/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="login-container" :style="{'background-image': 'url('+bgImg+')'}">
-        <div v-if="project" class="text-box">{{title}}</div>
+    <div v-if="project" class="text-box">{{ title }}</div>
     <div class="content-box">
       <div class="qrcode-main">
         <div class="login-code-box" @click="loginRefresh">
@@ -58,9 +58,12 @@
           title=""
           width="200"
           trigger="hover"
-                    content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
           class="popover_box"
         >
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
+          </div>
           <div slot="reference">无法登录?</div>
         </el-popover>
         <el-form-item>
@@ -87,6 +90,7 @@ import { LoginParams } from '@/utils/login';
 import bgImg from '@/assets/bg1.jpg';
 import { setToken } from '@/utils/auth';
 import { loginTitle } from '@/scripts/ConstDic';
+import QCode from '@/assets/erCode.jpg';
 
 export default {
 	name: 'Login',
@@ -108,6 +112,7 @@ export default {
 		};
 		return {
 			bgImg: bgImg,
+			QCode: QCode,
 			loginForm: {
 				username: '',
 				password: ''
@@ -128,10 +133,6 @@ export default {
 			scanSuccess: false
 		};
 	},
-	mounted() {
-        document.title = loginTitle[this.$route.params.project||'default'];
-        this.loginRefresh();
-	},
 	computed: {
 		project() {
 			return this.$route.params.project;
@@ -140,6 +141,10 @@ export default {
 			return loginTitle[this.$route.params.project||'default'];
 		}
 	},
+	mounted() {
+		document.title = loginTitle[this.$route.params.project||'default'];
+		this.loginRefresh();
+	},
 	methods: {
 		clearTimer(timer) {
 			if (timer) {
@@ -184,8 +189,8 @@ export default {
 						// 清除定时器，设置路由
 						self.clearTimer(self.checkLogin);
 						let path = '/login';
-                        if (project) {
-                            path = path + '/' + project;
+						if (this.project) {
+							path = path + '/' + this.project;
 						}
 						self.$router.push({ path: path });
 						self.$nextTick(() => {
@@ -276,7 +281,6 @@ export default {
     }
     }
 
-
     .item_form_box {
         border: 1px solid #ccc;
         border-radius: 5px;

src/views/login/loginDesign.vue

@@ -57,9 +57,12 @@
           title=""
           width="200"
           trigger="hover"
-                    content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
           class="popover_box"
         >
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
+          </div>
           <div slot="reference">无法登录?</div>
         </el-popover>
         <el-form-item>
@@ -75,7 +78,6 @@
 
 <script>
 import { UrlConfig } from '@/router/index';
-import { setSessionStorage,removeSessionStorage } from '@/utils/auth';
 import md5 from 'js-md5';
 import Cookies from 'js-cookie';
 import QrcodeVue from 'qrcode.vue';
@@ -256,7 +258,6 @@ export default {
     }
     }
 
-
     .item_form_box {
         border: 1px solid #ccc;
         border-radius: 5px;
@@ -385,4 +386,3 @@ export default {
     }
 </style>
 
-

src/views/login/loginEn.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="login-container" :style="{'background-image': 'url('+bgImg+')'}">
-        <div v-if="project" class="text-box">{{title}}</div>
+    <div v-if="project" class="text-box">{{ title }}</div>
 
     <div class="content-box">
       <div class="qrcode-main">
@@ -59,9 +59,12 @@
           title=""
           width="200"
           trigger="hover"
-                    content="Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email."
           class="popover_box"
         >
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email.</div>
+          </div>
           <div slot="reference">unable to login?</div>
         </el-popover>
         <el-form-item>
@@ -76,19 +79,19 @@
 </template>
 
 <script>
-    import { removeSessionStorage } from '@/utils/auth';
-    import { UrlConfig } from '@/router/index';
-    import localStore from 'storejs';
-    import Cookies from 'js-cookie';
-    import md5 from 'js-md5';
-    import QrcodeVue from 'qrcode.vue';
-    import { getLoginWmurl, checkLoginStatus } from '@/api/login';
-    import { LoginParams } from '@/utils/login';
-    import bgImg from '@/assets/bg1.jpg';
-    import { setToken } from '@/utils/auth';
-    import { loginTitle } from '@/scripts/ConstDic';
+import { removeSessionStorage } from '@/utils/auth';
+import { UrlConfig } from '@/router/index';
+import localStore from 'storejs';
+import Cookies from 'js-cookie';
+import md5 from 'js-md5';
+import QrcodeVue from 'qrcode.vue';
+import { getLoginWmurl, checkLoginStatus } from '@/api/login';
+import { LoginParams } from '@/utils/login';
+import bgImg from '@/assets/bg1.jpg';
+import { setToken } from '@/utils/auth';
+import { loginTitle } from '@/scripts/ConstDic';
 
-    export default {
+export default {
 	name: 'Login',
 	components: { QrcodeVue },
 	data() {
@@ -128,10 +131,6 @@
 			scanSuccess: false
 		};
 	},
-        mounted() {
-            document.title = loginTitle[this.$route.params.project||'default'];
-            this.loginRefresh();
-        },
 	computed: {
 		project() {
 			return this.$route.params.project;
@@ -140,6 +139,10 @@
 			return loginTitle[this.$route.params.project||'default'];
 		}
 	},
+	mounted() {
+		document.title = loginTitle[this.$route.params.project||'default'];
+		this.loginRefresh();
+	},
 	methods: {
 		clearTimer(timer) {
 			if (timer) {
@@ -184,8 +187,8 @@
 						// 清除定时器，设置路由
 						self.clearTimer(self.checkLogin);
 						let path = '/en/login';
-                            if (project) {
-                                path = path + '/' + project;
+						if (this.project) {
+							path = path + '/' + this.project;
 						}
 						self.$router.push({ path: path });
 						self.$nextTick(() => {
@@ -244,7 +247,7 @@
 			});
 		}
 	}
-    };
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
@@ -276,7 +279,6 @@
     }
     }
 
-
     .item_form_box {
         border: 1px solid #ccc;
         border-radius: 5px;

src/views/login/loginEnDesign.vue

@@ -57,9 +57,12 @@
           title=""
           width="200"
           trigger="hover"
-                    content="Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email."
           class="popover_box"
         >
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">Please in lian classroom small program assistant, perfect personal information, set login password, mobile phone number or email.</div>
+          </div>
           <div slot="reference">unable to login?</div>
         </el-popover>
         <el-form-item>
@@ -74,16 +77,16 @@
 </template>
 
 <script>
-    import { UrlConfig } from '@/router/index';
-    import { setSessionStorage,removeSessionStorage } from '@/utils/auth';
-    import md5 from 'js-md5';
-    import QrcodeVue from 'qrcode.vue';
-    import { getLoginWmurl, checkLoginStatus } from '@/api/login';
-    import { LoginParams } from '@/utils/login';
-    import bgImg from '@/assets/bg1.jpg';
-    import { setDesignToken } from '@/utils/auth';
+import { UrlConfig } from '@/router/index';
+import Cookies from 'js-cookie';
+import md5 from 'js-md5';
+import QrcodeVue from 'qrcode.vue';
+import { getLoginWmurl, checkLoginStatus } from '@/api/login';
+import { LoginParams } from '@/utils/login';
+import bgImg from '@/assets/bg1.jpg';
+import { setDesignToken } from '@/utils/auth';
 
-    export default {
+export default {
 	name: 'LoginDesign',
 	components: { QrcodeVue },
 	data() {
@@ -223,7 +226,7 @@
 			});
 		}
 	}
-    };
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
@@ -255,7 +258,6 @@
     }
     }
 
-
     .item_form_box {
         border: 1px solid #ccc;
         border-radius: 5px;
@@ -384,4 +386,3 @@
     }
 </style>
 
-

src/views/login/loginPlan.vue

@@ -53,14 +53,11 @@
           </span>
         </el-form-item>
         <div class="tip-message">{{ tipsMsg }}</div>
-        <el-popover
-          placement="right"
-          title=""
-          width="200"
-          trigger="hover"
-          content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
-          class="popover_box"
-        >
+        <el-popover placement="right" title="" width="200" trigger="hover" class="popover_box">
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
+          </div>
           <div slot="reference">无法登录?</div>
         </el-popover>
         <el-form-item>

src/views/login/loginScreen.vue

@@ -53,14 +53,11 @@
           </span>
         </el-form-item>
         <div class="tip-message">{{ tipsMsg }}</div>
-        <el-popover
-          placement="right"
-          title=""
-          width="200"
-          trigger="hover"
-          content="请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。"
-          class="popover_box"
-        >
+        <el-popover placement="right" title="" width="200" trigger="hover" class="popover_box">
+          <div>
+            <img :src="QCode" alt="" style="width: 100px; height: 100px; display: block; margin:0 auto;">
+            <div style="margin-top: 10px;">请在琏课堂小程序助手，完善个人信息，设置登录密码，手机号或邮箱。</div>
+          </div>
           <div slot="reference">无法登录?</div>
         </el-popover>
         <el-form-item>