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 | } | ... | ... |