فهرست منبع

[Feat 0000] 可配置首页List下新增一个新的类型

houzekong 17 ساعت پیش
والد
کامیت
0aae7c3841

+ 2 - 2
src/views/vent/deviceManager/configurationTable/types.ts

@@ -148,7 +148,7 @@ export interface ModuleDataBoard extends ReadFrom {
 
 export interface ModuleDataList extends ReadFrom {
   /** 列表预设的背景类型 */
-  type: 'timeline' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J';
+  type: 'timeline' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K';
   /** 是否需要根据数据来决定所展示的项目数量,需要确保 items 至少有一项,且 readFrom 指向数组 */
   mapFromData?: boolean;
   /** 核心配置,每个列表项对应一项 */
@@ -282,7 +282,7 @@ export interface ModuleDataPreset extends ReadFrom {
 
 export interface ModuleDataComplexList extends ReadFrom {
   /** 列表预设的背景类型 */
-  type: 'A' | 'B' | 'C' | 'D' | 'E' | 'F';
+  type: 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
   /** 是否需要根据数据来决定所展示的项目数量,需要确保 items 至少有一项,且 readFrom 指向数组 */
   mapFromData?: boolean;
   /** 核心配置,每个列表项对应一项 */

+ 13 - 0
src/views/vent/home/configurable/components/detail/CustomList.vue

@@ -74,6 +74,7 @@
     --image-list_bg_h: url(/@/assets/images/home-container/configurable/list_bg_h.png);
     --image-list_bg_i: url('/@/assets/images/home-container/configurable/list_bg_i.png');
     --image-list_bg_j: url('/@/assets/images/home-container/configurable/list_bg_j.png');
+    --image-linear-gradient-3: linear-gradient(to right, #39deff15, #3977e500);
     padding: 5px 20px;
     position: relative;
     background-repeat: no-repeat;
@@ -343,6 +344,18 @@
     align-items: center;
     padding: 0 20px 0 15px;
   }
+  .list_K {
+    background: unset;
+    padding: 0 5px 0 10px;
+  }
+  .list-item__content_K {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 4px;
+    margin: 4px 0;
+    background-image: var(--image-linear-gradient-3);
+  }
 
   .list-item__label {
     flex-basis: 55%;