styles:修改首页饼图字体样式

@@ -222,18 +222,22 @@
               :isCircle="false"
               :isCircle="false"
             />
             />
           </div>
           </div>
-          <div class="ml-20 flex justify-around right-text">
+          <div class="ml-20 flex justify-evenly right-text">
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="left-icon-d-color"></span>
               <span class="left-icon-d-color"></span>
-              直连设备：{{ growCardList?.deviceInfo?.directConnection ?? 0 }}个
+              直连设备：
+              <span class="bold-text">{{ growCardList?.deviceInfo?.directConnection ?? 0 }}</span
+              >个
             </div>
             </div>
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="left-icon-g-color"></span>
               <span class="left-icon-g-color"></span>
-              网关设备：{{ growCardList?.deviceInfo?.gateWay ?? 0 }}个
+              网关设备： <span class="bold-text">{{ growCardList?.deviceInfo?.gateWay ?? 0 }}</span
+              >个
             </div>
             </div>
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="left-icon-s-color"></span>
               <span class="left-icon-s-color"></span>
-              网关子设备：{{ growCardList?.deviceInfo?.sensor ?? 0 }}个
+              网关子设备：<span class="bold-text">{{ growCardList?.deviceInfo?.sensor ?? 0 }}</span
+              >个
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
@@ -252,18 +256,22 @@
             />
             />
             <div class="empty-box" v-else><Empty :image="Empty.PRESENTED_IMAGE_SIMPLE" /></div>
             <div class="empty-box" v-else><Empty :image="Empty.PRESENTED_IMAGE_SIMPLE" /></div>
           </div>
           </div>
-          <div class="ml-20 flex justify-around right-text">
+          <div class="ml-20 flex justify-evenly right-text">
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="right-icon-d-color"></span>
               <span class="right-icon-d-color"></span>
-              待激活设备：{{ growCardList?.deviceInfo?.inActive ?? 0 }}个
+              待激活设备：
+              <span class="bold-text">{{ growCardList?.deviceInfo?.inActive ?? 0 }}</span
+              >个
             </div>
             </div>
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="right-icon-g-color"></span>
               <span class="right-icon-g-color"></span>
-              在线设备：{{ growCardList?.deviceInfo?.onLine ?? 0 }}个
+              在线设备：<span class="bold-text">{{ growCardList?.deviceInfo?.onLine ?? 0 }}</span
+              >个
             </div>
             </div>
             <div class="text flex items-center">
             <div class="text flex items-center">
               <span class="right-icon-s-color"></span>
               <span class="right-icon-s-color"></span>
-              离线设备：{{ growCardList?.deviceInfo?.offLine ?? 0 }}个
+              离线设备：<span class="bold-text">{{ growCardList?.deviceInfo?.offLine ?? 0 }}</span
+              >个
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
@@ -341,11 +349,14 @@
 
 
   .text {
   .text {
     color: #333;
     color: #333;
-    font-weight: bold;
     display: flex;
     display: flex;
     flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
   }
 
 
+  .bold-text {
+    font-weight: bold;
+  }
+
   .chart-top {
   .chart-top {
     width: 60%;
     width: 60%;
     height: 300px;
     height: 300px;
@@ -366,8 +377,8 @@
 
 
   .base-left-icon-color {
   .base-left-icon-color {
     border-radius: 50%;
     border-radius: 50%;
-    width: 15px;
-    height: 15px;
+    width: 10px;
+    height: 10px;
     position: relative;
     position: relative;
     right: 10px;
     right: 10px;
   }
   }

@@ -52,11 +52,6 @@
             trigger: 'item',
             trigger: 'item',
             formatter: `${legendKey}设备${((value / total!) * 100).toFixed(2)}%`,
             formatter: `${legendKey}设备${((value / total!) * 100).toFixed(2)}%`,
           },
           },
-          legend: {
-            bottom: 0,
-            left: 'center',
-            data: [legendKey],
-          },
           graphic: [
           graphic: [
             {
             {
               type: 'text',
               type: 'text',

@@ -56,11 +56,6 @@
             trigger: 'item',
             trigger: 'item',
             formatter: '{b} {d}%',
             formatter: '{b} {d}%',
           },
           },
-          legend: {
-            bottom: 0,
-            left: 'center',
-            data: legendDatas.value,
-          },
           series: [
           series: [
             {
             {
               avoidLabelOverlap: false,
               avoidLabelOverlap: false,