fix: 修改项目适配方案，使用scale缩放进行适配

src/views/centerRight2.vue

@@ -2,14 +2,13 @@
   <div id="centerRight2">
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
-        <span style="color:#5cd9e8">
-          <icon name="align-left"></icon>
+        <span>
+          <icon name="align-left" class="text-icon"></icon>
         </span>
         <span class="fs-xl text mx-2">产品销售渠道分析</span>
       </div>
-      <div class="d-flex jc-center body-box" style=" margin-top: 0;">
-        <dv-capsule-chart :config="config" style="width: 100%;height:2rem" />
-        <!-- ---------------------------------------- -->
+      <div class="d-flex ai-center flex-column body-box">
+        <dv-capsule-chart class="dv-cap-chart" :config="config" />
         <centerRight2Chart1 />
       </div>
     </div>
@@ -17,7 +16,7 @@
 </template>
 
 <script>
-import centerRight2Chart1 from "@/components/echart/centerRight/centerRightChart";
+import centerRight2Chart1 from '@/components/echart/centerRight/centerRightChart'
 
 export default {
   data() {
@@ -25,52 +24,57 @@ export default {
       config: {
         data: [
           {
-            name: "南阳",
+            name: '南阳',
             value: 167
           },
           {
-            name: "周口",
+            name: '周口',
             value: 67
           },
           {
-            name: "漯河",
+            name: '漯河',
             value: 123
           },
           {
-            name: "郑州",
+            name: '郑州',
             value: 55
           },
           {
-            name: "西峡",
+            name: '西峡',
             value: 98
           }
         ]
       }
-    };
+    }
   },
-  components: { centerRight2Chart1 },
-  mounted() {},
-  methods: {}
-};
+  components: { centerRight2Chart1 }
+}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 #centerRight2 {
-  padding: 0.0625rem;
-  height: 5rem;
-  min-width: 3.75rem;
-  border-radius: 0.0625rem;
+  $box-height: 410px;
+  $box-width: 340px;
+  padding: 5px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
   .bg-color-black {
-    padding: 0.0625rem;
-    height: 5.0625rem;
-    border-radius: 0.125rem;
+    padding: 5px;
+    height: $box-height;
+    width: $box-width;
+    border-radius: 10px;
   }
   .text {
     color: #c3cbde;
   }
   .body-box {
-    border-radius: 0.125rem;
+    border-radius: 10px;
     overflow: hidden;
+    .dv-cap-chart {
+      width: 100%;
+      height: 160px;
+    }
   }
 }
-</style>
+</style>