From a411e6a6e8baf3a0f0ebf6255f312669903d3754 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 22 一月 2024 17:38:23 +0800
Subject: [PATCH] 安装适配样式的插件和配置vite+调整页面样式
---
src/views/dashboard/components/DeviceCheckList.vue | 18 +++++++++---------
1 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/views/dashboard/components/DeviceCheckList.vue b/src/views/dashboard/components/DeviceCheckList.vue
index b63dfe5..05d6508 100644
--- a/src/views/dashboard/components/DeviceCheckList.vue
+++ b/src/views/dashboard/components/DeviceCheckList.vue
@@ -4,18 +4,18 @@
<template #title>璁惧閫夋嫨</template>
<div class="device-box">
<el-scrollbar always class="scroller">
- <template v-if="deviceInfo?.deviceIDList?.length">
+ <template v-if="deviceInfo?.deviceList?.length">
<div
- v-for="(item, index) in deviceInfo?.deviceIDList"
- :key="index"
- :class="selectedDevice === item ? 'device-item check-item' : 'device-item'"
- @click="deviceClick(item)"
+ v-for="item in deviceInfo?.deviceList"
+ :key="item.deviceID"
+ :class="selectedDevice === item.deviceID ? 'device-item check-item' : 'device-item'"
+ @click="deviceClick(item.deviceID)"
>
<div class="item-l">
- <span>{{ item }}</span>
- <!-- {{ item }}-->
+ <span>{{ item.deviceID }}</span>
+ {{ item.deviceName }}
</div>
- <div v-if="selectedDevice === item" class="item-r">
+ <div v-if="selectedDevice === item.deviceID" class="item-r">
<el-icon class="item-icon" size="22" color="#00ff00"><CircleCheckFilled /></el-icon>
</div>
</div>
@@ -166,6 +166,6 @@
}
}
.scroller {
- padding: 4px 16px;
+ padding: 4px 10px;
}
</style>
--
Gitblit v1.8.0