Selaa lähdekoodia

[Mod 0000]修改首页列表和模块数据颜色

wangkeyi 3 kuukautta sitten
vanhempi
commit
1bd6fd6f89

+ 3 - 2
src/components/Configurable/ModulePrimary.vue

@@ -118,9 +118,10 @@
 
       .common-navL {
         display: flex;
-        color: #234e8e;
-        font-size: 14px;
+        color: #103d82;
+        font-size: 16px;
         font-style: normal;
+        font-family: 'Microsoft YaHei';
         font-weight: 700;
         margin-top: -10px;
         .navL-title {

+ 48 - 6
src/components/Configurable/detail/CustomTable.vue

@@ -110,33 +110,75 @@
       width: 100%;
       padding-left: 10px;
       font-weight: bold;
-      font-size: 24px;
+      font-size: 28px;
     }
     /* 第一个子元素:黑色 */
     .table__content_list_row .table__content__list_item_A:nth-child(1) {
-      font-size: 12px;
+      font-size: 14px;
       text-align: left;
       color: #000000;
     }
 
     /* 第二个子元素:蓝色 */
     .table__content_list_row .table__content__list_item_A:nth-child(2) {
-      color: #1890ff;
+      color: #0052cc;
     }
 
     /* 第三个子元素:黄色 */
     .table__content_list_row .table__content__list_item_A:nth-child(3) {
-      color: #ffc107;
+      color: #B39F01;
     }
 
     /* 第四个子元素:橙色 */
     .table__content_list_row .table__content__list_item_A:nth-child(4) {
-      color: #ff7a45;
+      color: #E6A23D;
     }
 
     /* 第五个子元素:红色 */
     .table__content_list_row .table__content__list_item_A:nth-child(5) {
-      color: #ff4d4f;
+      color: #c45656;
+    }
+
+    .table__content_label_B {
+      background-image: var(--image-content-label-A);
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      color: #000000;
+      width: 100%;
+      padding-left: 10px;
+    }
+
+    .table__content_list_B {
+      width: 100%;
+      padding-left: 10px;
+      font-weight: bold;
+      font-size: 28px;
+    }
+    /* 第一个子元素:黑色 */
+    .table__content_list_row .table__content__list_item_B:nth-child(1) {
+      font-size: 14px;
+      text-align: left;
+      color: #000000;
+    }
+
+    /* 第二个子元素:蓝色 */
+    .table__content_list_row .table__content__list_item_B:nth-child(2) {
+      color: #0052cc;;
+    }
+
+    /* 第三个子元素:绿色 */
+    .table__content_list_row .table__content__list_item_B:nth-child(3) {
+      color: #4caf50;
+    }
+
+    /* 第四个子元素:橙色 */
+    .table__content_list_row .table__content__list_item_B:nth-child(4) {
+      color: #c97800;
+    }
+
+    /* 第五个子元素:红色 */
+    .table__content_list_row .table__content__list_item_B:nth-child(5) {
+      color: #c45656;
     }
   }
 </style>

+ 3 - 3
src/components/Configurable/detail/MiniBoard.vue

@@ -204,7 +204,7 @@
     color: #0052cc;
   }
 
-  /* 2. 第二个容器:label和value为色 */
+  /* 2. 第二个容器:label和value为绿色 */
   .mini-board_B:nth-child(2) .mini-board__label_B,
   .mini-board_B:nth-child(2) .mini-board__value_B {
     color: #4caf50;
@@ -250,13 +250,13 @@
   /* 2. 第二个容器:label和value为黄色 */
   .mini-board_C:nth-child(2) .mini-board__label_C,
   .mini-board_C:nth-child(2) .mini-board__value_C {
-    color: #ffc107;
+    color: #B39F01;
   }
 
   /* 3. 第三个容器:label和value为橙色 */
   .mini-board_C:nth-child(3) .mini-board__label_C,
   .mini-board_C:nth-child(3) .mini-board__value_C {
-    color: #ff7a45;
+    color: #E6A23D;
   }
 
   /* 4. 第四个容器:label和value为红色 */

+ 1 - 1
src/components/Configurable/types.ts

@@ -298,7 +298,7 @@ export interface ModuleDataChart extends ReadFrom {
 
 export interface ModuleDataTable extends ReadFrom {
   /** 表格的预设样式 */
-  type: 'A';
+  type: 'A' | 'B';
   /** 是否自动滚动 */
   autoScroll?: boolean;
   /** 核心配置,每个表格列对应一项 */

+ 1 - 1
src/views/dashboard/SealedGoaf/configurable.data.sealedGoaf.ts

@@ -244,7 +244,7 @@ export const testConfigSealedGoaf: Config[] = [
       gallery_list: [],
       table: [
         {
-          type: 'A',
+          type: 'B',
           // parser: 'json',
           readFrom: 'tableArray',
           columns: [