fix:换背景图

src/page/login/index.vue

@@ -1,26 +1,24 @@
 <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}}
+          {{ 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>
-          <userLogin v-if="activeName==='user'"></userLogin>
+          <userLogin v-if="activeName === 'user'"></userLogin>
-          <codeLogin v-else-if="activeName==='code'"></codeLogin>
+          <codeLogin v-else-if="activeName === 'code'"></codeLogin>
-          <thirdLogin v-else-if="activeName==='third'"></thirdLogin>
+          <thirdLogin v-else-if="activeName === 'third'"></thirdLogin>
           <div class="login-menu">
             <!-- <a href="#" @click.stop="activeName='user'">{{ $t('login.userLogin') }}</a> -->
             <!--<a href="#" @click.stop="activeName='code'">{{ $t('login.phoneLogin') }}</a>-->
@@ -28,30 +26,29 @@
             <!-- <div></div> -->
           </div>
         </div>
-
       </div>
     </div>
   </div>
 </template>
 <script>
-  import userLogin from "./userlogin";
+import userLogin from "./userlogin";
-  import codeLogin from "./codelogin";
+import codeLogin from "./codelogin";
-  import thirdLogin from "./thirdlogin";
+import thirdLogin from "./thirdlogin";
-  import {mapGetters} from "vuex";
+import { mapGetters } from "vuex";
-  import {dateFormat} from "@/util/date";
+import { dateFormat } from "@/util/date";
-  import {validatenull} from "@/util/validate";
+import { validatenull } from "@/util/validate";
-  import topLang from "@/page/index/top/top-lang";
+import topLang from "@/page/index/top/top-lang";
-  import topColor from "@/page/index/top/top-color";
+import topColor from "@/page/index/top/top-color";
-  import {getQueryString, getTopUrl} from "@/util/util";
+import { getQueryString, getTopUrl } from "@/util/util";
 
-  export default {
+export default {
   name: "login",
   components: {
     userLogin,
     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,30 +88,40 @@
       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});
+            this.$router.push({ path: this.tagWel.value });
             loading.close();
-          }).catch(() => {
+          })
+          .catch(() => {
             loading.close();
           });
       }
-      }
+    },
-    }
+  },
-  };
+};
 </script>
 
 <style lang="scss">
-  @import "@/styles/login.scss";
+@import "@/styles/login.scss";
 </style>

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%;
 }