Commit 884846a0dcfa82f12f088e833ad361982d10c5ed

Authored by fengwotao
1 parent d1c4e592

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

... ... @@ -222,18 +222,22 @@
222 222 :isCircle="false"
223 223 />
224 224 </div>
225   - <div class="ml-20 flex justify-around right-text">
  225 + <div class="ml-20 flex justify-evenly right-text">
226 226 <div class="text flex items-center">
227 227 <span class="left-icon-d-color"></span>
228   - 直连设备:{{ growCardList?.deviceInfo?.directConnection ?? 0 }}个
  228 + 直连设备:
  229 + <span class="bold-text">{{ growCardList?.deviceInfo?.directConnection ?? 0 }}</span
  230 + >个
229 231 </div>
230 232 <div class="text flex items-center">
231 233 <span class="left-icon-g-color"></span>
232   - 网关设备:{{ growCardList?.deviceInfo?.gateWay ?? 0 }}个
  234 + 网关设备: <span class="bold-text">{{ growCardList?.deviceInfo?.gateWay ?? 0 }}</span
  235 + >个
233 236 </div>
234 237 <div class="text flex items-center">
235 238 <span class="left-icon-s-color"></span>
236   - 网关子设备:{{ growCardList?.deviceInfo?.sensor ?? 0 }}个
  239 + 网关子设备:<span class="bold-text">{{ growCardList?.deviceInfo?.sensor ?? 0 }}</span
  240 + >个
237 241 </div>
238 242 </div>
239 243 </div>
... ... @@ -252,18 +256,22 @@
252 256 />
253 257 <div class="empty-box" v-else><Empty :image="Empty.PRESENTED_IMAGE_SIMPLE" /></div>
254 258 </div>
255   - <div class="ml-20 flex justify-around right-text">
  259 + <div class="ml-20 flex justify-evenly right-text">
256 260 <div class="text flex items-center">
257 261 <span class="right-icon-d-color"></span>
258   - 待激活设备:{{ growCardList?.deviceInfo?.inActive ?? 0 }}个
  262 + 待激活设备:
  263 + <span class="bold-text">{{ growCardList?.deviceInfo?.inActive ?? 0 }}</span
  264 + >个
259 265 </div>
260 266 <div class="text flex items-center">
261 267 <span class="right-icon-g-color"></span>
262   - 在线设备:{{ growCardList?.deviceInfo?.onLine ?? 0 }}个
  268 + 在线设备:<span class="bold-text">{{ growCardList?.deviceInfo?.onLine ?? 0 }}</span
  269 + >个
263 270 </div>
264 271 <div class="text flex items-center">
265 272 <span class="right-icon-s-color"></span>
266   - 离线设备:{{ growCardList?.deviceInfo?.offLine ?? 0 }}个
  273 + 离线设备:<span class="bold-text">{{ growCardList?.deviceInfo?.offLine ?? 0 }}</span
  274 + >个
267 275 </div>
268 276 </div>
269 277 </div>
... ... @@ -341,11 +349,14 @@
341 349
342 350 .text {
343 351 color: #333;
344   - font-weight: bold;
345 352 display: flex;
346 353 flex-wrap: nowrap;
347 354 }
348 355
  356 + .bold-text {
  357 + font-weight: bold;
  358 + }
  359 +
349 360 .chart-top {
350 361 width: 60%;
351 362 height: 300px;
... ... @@ -366,8 +377,8 @@
366 377
367 378 .base-left-icon-color {
368 379 border-radius: 50%;
369   - width: 15px;
370   - height: 15px;
  380 + width: 10px;
  381 + height: 10px;
371 382 position: relative;
372 383 right: 10px;
373 384 }
... ...
... ... @@ -52,11 +52,6 @@
52 52 trigger: 'item',
53 53 formatter: `${legendKey}设备${((value / total!) * 100).toFixed(2)}%`,
54 54 },
55   - legend: {
56   - bottom: 0,
57   - left: 'center',
58   - data: [legendKey],
59   - },
60 55 graphic: [
61 56 {
62 57 type: 'text',
... ...
... ... @@ -56,11 +56,6 @@
56 56 trigger: 'item',
57 57 formatter: '{b} {d}%',
58 58 },
59   - legend: {
60   - bottom: 0,
61   - left: 'center',
62   - data: legendDatas.value,
63   - },
64 59 series: [
65 60 {
66 61 avoidLabelOverlap: false,
... ...