Merge pull request #13018 from dataease/pr@dev-v2@refact_font

Pr@dev v2@refact font

core/core-frontend/src/custom-component/v-query/Component.vue

@@ -620,15 +620,7 @@ const marginRight = computed<CSSProperties>(() => {
 })
 
 const autoStyle = computed(() => {
-  return {
-    position: 'absolute',
-    height: 100 / scale.value + '%!important',
-    width: 100 / scale.value + '%!important',
-    left: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    top: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    transform: 'scale(' + scale.value + ') translateZ(0)',
-    opacity: element.value?.style?.opacity || 1
-  } as CSSProperties
+  return { zoom: scale.value }
 })
 </script>
 

core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue

@@ -604,12 +604,7 @@ onBeforeUnmount(() => {
 })
 
 const autoStyle = computed(() => {
-  return {
-    height: 20 * scale.value + 8 + 'px',
-    width: 100 / scale.value + '%!important',
-    left: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    transform: 'scale(' + scale.value + ') translateZ(0)'
-  }
+  return { zoom: scale.value }
 })
 
 const autoHeightStyle = computed(() => {

core/core-frontend/src/views/dashboard/MobileConfigPanel.vue

@@ -313,6 +313,7 @@ const save = () => {
         <el-tab-pane label="组件样式" name="componentStyle"> </el-tab-pane>
         <el-tab-pane label="整体样式" name="style"> </el-tab-pane>
       </el-tabs>
+      <template v-if="!mobileLoading">
         <div class="config-mobile-tab" v-show="activeCollapse === 'style'">
           <MobileBackgroundSelector @styleChange="changeTimes++"></MobileBackgroundSelector>
         </div>
@@ -351,6 +352,7 @@ const save = () => {
             <div class="pc-select-to-mobile" @click="addToMobile(item)" v-if="!mobileLoading"></div>
           </div>
         </div>
+      </template>
     </div>
   </div>
 </template>