fix:换背景图

src/page/login/index.vue

@@ -1,20 +1,18 @@
 <template>
-  <div class="login-container"
+  <div class="login-container" ref="login" @keyup.enter.native="handleLogin">
-       ref="login"
-       @keyup.enter.native="handleLogin">
     <top-color v-show="false"></top-color>
     <div class="login-weaper animated bounceInDown">
       <div class="login-left">
         <div class="login-time">
           {{ time }}
         </div>
-        <img class="img" src="http://static.qnaiot.com/sim/login-mid.png" alt="">
+        <img class="img" src="../../assets/login-logo.png" alt="" />
-        <p class="title">{{ $t('login.info') }}</p>
+        <p class="title">{{ $t("login.info") }}</p>
       </div>
       <div class="login-border">
         <div class="login-main">
           <h4 class="login-title">
-            {{ $t('login.title') }}
+            {{ $t("login.title") }}
             <span>(1.0.0)</span>
             <!-- <top-lang></top-lang> -->
           </h4>
@@ -28,7 +26,6 @@
             <!-- <div></div> -->
           </div>
         </div>
-
       </div>
     </div>
   </div>
@@ -51,7 +48,7 @@
     codeLogin,
     thirdLogin,
     topLang,
-      topColor
+    topColor,
   },
   data() {
     return {
@@ -62,22 +59,21 @@
         source: "",
         code: "",
         state: "",
-        }
+      },
     };
   },
   watch: {
     $route() {
       this.handleLogin();
-      }
+    },
   },
   created() {
     this.handleLogin();
     this.getTime();
   },
-    mounted() {
+  mounted() {},
-    },
   computed: {
-      ...mapGetters(["website", "tagWel"])
+    ...mapGetters(["website", "tagWel"]),
   },
   props: [],
   methods: {
@@ -92,27 +88,37 @@
       this.socialForm.source = getQueryString("source");
       this.socialForm.code = getQueryString("code");
       this.socialForm.state = getQueryString("state");
-        if (validatenull(this.socialForm.source) && topUrl.includes(redirectUrl)) {
+      if (
+        validatenull(this.socialForm.source) &&
+        topUrl.includes(redirectUrl)
+      ) {
         let source = topUrl.split("?")[0];
         source = source.split(redirectUrl)[1];
         this.socialForm.source = source;
       }
-        if (!validatenull(this.socialForm.source) && !validatenull(this.socialForm.code) && !validatenull(this.socialForm.state)) {
+      if (
+        !validatenull(this.socialForm.source) &&
+        !validatenull(this.socialForm.code) &&
+        !validatenull(this.socialForm.state)
+      ) {
         const loading = this.$loading({
           lock: true,
-            text: '第三方系统登录中,请稍后。。。',
+          text: "第三方系统登录中,请稍后。。。",
-            spinner: "el-icon-loading"
+          spinner: "el-icon-loading",
         });
-          this.$store.dispatch("LoginBySocial", this.socialForm).then(() => {
+        this.$store
+          .dispatch("LoginBySocial", this.socialForm)
+          .then(() => {
             window.location.href = topUrl.split(redirectUrl)[0];
             this.$router.push({ path: this.tagWel.value });
             loading.close();
-          }).catch(() => {
+          })
+          .catch(() => {
             loading.close();
           });
       }
-      }
+    },
-    }
+  },
 };
 </script>
 

src/styles/login.scss

@@ -5,7 +5,7 @@
   width: 100%;
   height: 100%;
   margin: 0 auto;
-  background-image: url("http://static.qnaiot.com/sim/login-bg.jpg");
+  background-image:url("/img/bg/logo-bgimg.jpg");
   background-size: 100% 100%;
 }