放开自适应

src/views/web/list/index.vue

@@ -64,7 +64,7 @@
             </div>
           </template>
         </div>
-        <div class="list-result-table">
+        <div class="list-result-table" v-loading="state.resultParams.loading">
           <div class="table-head">
             <div class="table-head-index">
               <SvgIcon class="flag" name="flag_1" color="var(--cus-main-color)"/>
@@ -259,7 +259,8 @@ const state: any = reactive({
     activeTab: '',
     activeIndex: '',
     indexConfig: {},
-    activeKey: ''
+    activeKey: '',
+    loading: false
   },
   ws: {
     instance: null,
@@ -401,9 +402,11 @@ const initResultTree = () => {
   state.ws.count()
 }
 const getIndexConfig = () => {
+  state.resultParams.loading = true
   state.resultParams.indexConfig = {}
   frontGetIndexAndFieldInfo(`id=${WebStore.searchAreaIndexMap.get(state.resultParams.activeIndex).indexId}`).then(res => {
     state.resultParams.indexConfig = res.data
+    state.resultParams.loading = false
     state.ws.list()
   })
 }

vite.config.ts

@@ -78,29 +78,29 @@ export default defineConfig({
       },
     }
   },
-  // css: {
-  //   postcss: {
-  //     plugins: [
-  //       postcsspxtoviewport({
-  //         unitToConvert: 'px',
-  //         viewportWidth: 1920,
-  //         unitPrecision: 5, // 单位转换后保留的精度
-  //         propList: ['*'], // 能转化为vw的属性列表
-  //         viewportUnit: 'vw', // 希望使用的视口单位
-  //         fontViewportUnit: 'vw', // 字体使用的视口单位
-  //         selectorBlackList: ['ignore-'], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
-  //         minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
-  //         mediaQuery: true, // 媒体查询里的单位是否需要转换单位
-  //         replace: true, //  是否直接更换属性值，而不添加备用属性
-  //         exclude: [], // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
-  //         include: [], // 如果设置了include，那将只有匹配到的文件才会被转换
-  //         landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
-  //         landscapeUnit: 'vw', // 横屏时使用的单位
-  //         landscapeWidth: 1628, // 横屏时使用的视口宽度
-  //       }),
-  //     ]
-  //   }
-  // },
+  css: {
+    postcss: {
+      plugins: [
+        postcsspxtoviewport({
+          unitToConvert: 'px',
+          viewportWidth: 1920,
+          unitPrecision: 5, // 单位转换后保留的精度
+          propList: ['*'], // 能转化为vw的属性列表
+          viewportUnit: 'vw', // 希望使用的视口单位
+          fontViewportUnit: 'vw', // 字体使用的视口单位
+          selectorBlackList: ['ignore-'], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。
+          minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换
+          mediaQuery: true, // 媒体查询里的单位是否需要转换单位
+          replace: true, //  是否直接更换属性值，而不添加备用属性
+          exclude: [], // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
+          include: [], // 如果设置了include，那将只有匹配到的文件才会被转换
+          landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
+          landscapeUnit: 'vw', // 横屏时使用的单位
+          landscapeWidth: 1628, // 横屏时使用的视口宽度
+        }),
+      ]
+    }
+  },
   build: {
     outDir: "smart-search-web",
     rollupOptions: {//分包优化