修改样式错误的问题

pages/Loading/index.vue

@@ -1,116 +1,103 @@
 <template>
   <view class="lottie-bg">
     <view id="lottie">
-      <image src="../../static/images/live-logo.gif" rel="preload" mode="widthFix" style="width: 100%;" />
+      <image :src="`${$VUE_APP_RESOURCES_URL}/images/live-logo.gif`" rel="preload" mode="widthFix" style="width: 100%;" />
     </view>
   </view>
 </template>
 
 <script>
-  import {
-    mapState,
-    mapMutations,
-    mapActions
-  } from "vuex";
-  // 组件
-  // import request from "@//api/request";
-  import {
-    wxappAuth,
-  } from "@/api/user";
-  import dayjs from "dayjs";
-  import store from "@/store";
-  import cookie from "@/utils/store/cookie";
-  import {
-    parseQuery,
-    login,
-    handleQrCode,
-    getCurrentPageUrl,
-    handleUrlParam,
-    getCurrentPageUrlWithArgs
-  } from "@/utils";
+import { mapState, mapMutations, mapActions } from 'vuex'
+// 组件
+// import request from "@//api/request";
+import { wxappAuth } from '@/api/user'
+import dayjs from 'dayjs'
+import store from '@/store'
+import cookie from '@/utils/store/cookie'
+import { parseQuery, login, handleQrCode, getCurrentPageUrl, handleUrlParam, getCurrentPageUrlWithArgs } from '@/utils'
 
-  export default {
-    name: "Loading",
-    data() {
-      return {};
-    },
-    onShow() {
-      console.log('getUser')
-      var url = handleQrCode();
-      if (!url) {
-        url = handleUrlParam(getCurrentPageUrlWithArgs())
-      }
-      console.log(url)
-      console.log('判断是否是分销')
-      // 判断是否是分销
-      if (url) {
-        let urlSpread = parseInt(url.spread);
-        if (urlSpread) {
-          cookie.set("spread", urlSpread);
-        }
-      }
-      if (this.$deviceType == "app" || this.$deviceType == "weixinh5") {
-        this.$yrouter.switchTab({
-          path: "/pages/home/index"
-        });
-        return;
-      }
-      if (this.$store.getters.token) {
-        // 如果token存在，直接进行进页面
-        console.log('登录状态存在，直接进页面')
-        this.toLaunch();
-        return;
-      }
-      console.log('进行登录操作')
-      login().finally(() => {
-        this.$yrouter.switchTab({
-          path: "/pages/home/index"
-        });
-      });
-    },
-    methods: {
-      ...mapActions(["changeAuthorization", "setUserInfo", "getUser"]),
-      toLaunch() {
-        console.log("loading home");
-        this.changeAuthorization(false);
-        let redirect = cookie.get('redirect').replace(/\ /g, '')
-        if (redirect && redirect.indexOf('/pages') != -1) {
-          this.$yrouter.replace({
-            path: '/pages' + redirect.split('/pages')[1],
-          });
-          cookie.remove('redirect');
-        } else {
-          this.$yrouter.switchTab({
-            path: "/pages/home/index"
-          });
-        }
+export default {
+  name: 'Loading',
+  data() {
+    return {}
+  },
+  onShow() {
+    console.log('getUser')
+    var url = handleQrCode()
+    if (!url) {
+      url = handleUrlParam(getCurrentPageUrlWithArgs())
+    }
+    console.log(url)
+    console.log('判断是否是分销')
+    // 判断是否是分销
+    if (url) {
+      let urlSpread = parseInt(url.spread)
+      if (urlSpread) {
+        cookie.set('spread', urlSpread)
       }
     }
-  };
+    if (this.$deviceType == 'app' || this.$deviceType == 'weixinh5') {
+      this.$yrouter.switchTab({
+        path: '/pages/home/index',
+      })
+      return
+    }
+    if (this.$store.getters.token) {
+      // 如果token存在，直接进行进页面
+      console.log('登录状态存在，直接进页面')
+      this.toLaunch()
+      return
+    }
+    console.log('进行登录操作')
+    login().finally(() => {
+      this.$yrouter.switchTab({
+        path: '/pages/home/index',
+      })
+    })
+  },
+  methods: {
+    ...mapActions(['changeAuthorization', 'setUserInfo', 'getUser']),
+    toLaunch() {
+      console.log('loading home')
+      this.changeAuthorization(false)
+      let redirect = cookie.get('redirect').replace(/\ /g, '')
+      if (redirect && redirect.indexOf('/pages') != -1) {
+        this.$yrouter.replace({
+          path: '/pages' + redirect.split('/pages')[1],
+        })
+        cookie.remove('redirect')
+      } else {
+        this.$yrouter.switchTab({
+          path: '/pages/home/index',
+        })
+      }
+    },
+  },
+}
 </script>
 
 <style scoped lang="less">
-  .lottie-bg {
-    position: fixed;
-    left: 0;
-    top: 0;
-    background-color: #fff;
-    width: 100%;
-    height: 100%;
-    z-index: 999;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-  }
+.lottie-bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  background-color: #fff;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
 
-  #lottie {
-    width: 35%;
-    display: block;
-    overflow: hidden;
-    transform: translate3d(0, 0, 0);
-    margin: auto;
-  }
+#lottie {
+  width: 35%;
+  display: block;
+  overflow: hidden;
+  transform: translate3d(0, 0, 0);
+  margin: auto;
+}
 </style>