Browse Source

[Feat 0000] 可配置首页complex_list添加一项新类型

houzekong 1 ngày trước cách đây
mục cha
commit
c67655e23b

+ 42 - 1
src/views/vent/home/configurable/components/detail/ComplexList.vue

@@ -63,6 +63,9 @@
       --image-img-8: url(/@/assets/images/home-container/configurable/firehome/img-8.png);
       --image-img-9: url(/@/assets/images/home-container/configurable/firehome/img-9.png);
       --image-list_bg_1: url(/@/assets/images/home-container/configurable/dusthome/list_bg_1.png);
+      --image-linear-gradient-1: linear-gradient(to right, #39a3ff50, #39a3ff00);
+      --image-linear-gradient-2: linear-gradient(to right, #3df6ff40, #3df6ff00);
+      --image-linear-gradient-3: linear-gradient(to right, #39deff15, #3977e500);
       padding: 5px 20px;
       position: relative;
       width: 100%;
@@ -401,7 +404,45 @@
       .list-item__info {
         display: none;
       }
-    }
+  }
+
+  .list-item_G {
+      // height: 155px;
+      // background-repeat: no-repeat;
+      // background-size: 100% 100%;
+      // background-position: center;
+      // justify-content: space-between;
+      // text-align: center;
+      margin-top: 5px;
+
+      .list-item__title_G {
+        position: relative;
+        width: 100%;
+        height: 16px;
+        margin-top: 10px;
+        margin-bottom: 5px;
+        padding-left: 8px;
+        top: -2px;
+        background-image: var(--image-linear-gradient-1);
+        &::before{
+          position: absolute;
+          content: '';
+          width: 100%;
+          height: 100%;
+          top: 4px;
+          left: 0;
+          background-image: var(--image-linear-gradient-2);
+        }
+      }
+      .list-item__content_G {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 4px;
+        margin: 8px 0;
+        background-image: var(--image-linear-gradient-3);
+      }
+  }
 
     // .list-item__title_B_O2 {
     //   background-image: url(/@/assets/images/home-container/configurable/firehome/O₂.png);

+ 3 - 3
src/views/vent/home/configurable/components/header.vue

@@ -67,9 +67,9 @@
     () => props.data,
     (d) => {
       init(d);
-      if (!selectedDeviceID.value) {
-        selectHandler({ key: options.value[0]?.value });
-      }
+      // if (!selectedDeviceID.value) {
+      selectHandler({ key: options.value[0]?.value });
+      // }
     },
     {
       immediate: true,