Showing
3 changed files
with
22 additions
and
21 deletions
... | ... | @@ -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 | } | ... | ... |