更新

src/components/Loading.vue

@@ -32,11 +32,13 @@ const show = (event) => {
   @include pos(100%, 100%, 0px, 0px);
   background-color: rgb(223, 15, 60);
   overflow: hidden;
+  max-width: 100%;
 
   .load-bg {
     @include pos(750px, 100%, 0px, 50%);
     transform: translateY(-50%);
   }
+
   .load-container {
     @include pos(750px, 100%, 0px, 50%);
     transform: translateY(-50%);
@@ -46,6 +48,7 @@ const show = (event) => {
       @include box(300px, 300px);
       @include flexCen();
     }
+
     .btn {
       @include box(200px, 40px);
       line-height: 40px;

src/page/Home/App.vue

@@ -24,7 +24,7 @@ const indexFn = (item) => {
   }
 };
 
-onMounted(() => {});
+onMounted(() => { });
 </script>
 
 <style lang="scss" >
@@ -32,6 +32,7 @@ onMounted(() => {});
   overflow: hidden;
   background-color: rgb(255, 255, 255);
 }
+
 .home {
   @include box(750px, 100vh);
   // position: relative;

vite.config.js

@@ -93,7 +93,7 @@ export default defineConfig(({ command, mode }) => {
             propList: ['*'], // 能转化为vw的属性列表
             viewportUnit: 'vw', // 希望使用的视口单位
             fontViewportUnit: 'vw', // 字体使用的视口单位
-            selectorBlackList: ['home'], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
+            selectorBlackList: ['home', 'pc-content'], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
             minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
             mediaQuery: true, // 媒体查询里的单位是否需要转换单位
             replace: true, //  是否直接更换属性值，而不添加备用属性