Răsfoiți Sursa

style(组件样式): 优化雷达点云和设备详情页的样式

为雷达点云组件添加 user-select: none 防止文本选中
为设备详情页的点位图卡片添加响应式宽度
liujia 1 lună în urmă
părinte
comite
bf5f9b0

+ 1 - 0
src/components/radarPointCloud/index.vue

@@ -989,6 +989,7 @@ onUnmounted(() => {
   width: 200px;
   font-size: 16px;
   z-index: 10;
+  user-select: none;
 }
 
 .legend-title {

+ 10 - 1
src/views/device/detail/index.vue

@@ -1,7 +1,12 @@
 <template>
   <a-spin :spinning="spinning">
     <div class="deviceDetail">
-      <info-card title="实时点位图">
+      <info-card
+        title="实时点位图"
+        :class="[
+          furnitureItems && furnitureItems.some((item) => item.type === 'bed') ? 'pointCard' : '',
+        ]"
+      >
         <template #extra>
           <a-space>
             <a-button type="primary" size="small" @click="roomConfigHandler('area')">
@@ -563,6 +568,10 @@ const openFullView = ref(false)
   gap: 16px;
 }
 
+.info.pointCard {
+  min-width: 800px;
+}
+
 .pointCloudMap {
   width: 770px;
   height: 100%;