党建主题适配

components/layout/AiDvSummary/AiDvSummary.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="AiSummary">
-    <component :is="type" :data="data" :keys="keys" :value="value" :summaryTitle="summaryTitle"></component>
+    <component :is="type" :theme="theme" :data="data" :keys="keys" :value="value" :summaryTitle="summaryTitle"></component>
   </div>
 </template>
 
@@ -65,6 +65,11 @@
       value: {
         type: String,
         default: 'value'
+      },
+
+      theme: {
+        type: String,
+        default: '0'
       }
     }
   }

components/layout/AiDvSummary/components/Summary12.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="summary12">
+  <div class="summary12" :class="'summary12-' + theme">
     <div class="summary12-item" v-for="(item, index) in data" :key="index" v-if="index < 4">
       <h2>{{ item[keys] }}</h2>
       <p>{{ item[value] }}</p>
@@ -25,6 +25,11 @@
       value: {
         type: String,
         default: 'value'
+      },
+
+      theme: {
+        type: String,
+        default: '0'
       }
     },
 
@@ -72,5 +77,11 @@
         text-align: left;
       }
     }
+
+    &.summary12-1 .summary12-item {
+      p {
+        color: #FAD88E;
+      }
+    }
   }
 </style>

components/layout/AiDvSummary/components/Summary13.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="summary13">
+  <div class="summary13" :class="'summary13-' + theme">
     <div class="summary13-item" v-for="(item, index) in data" :key="index" v-if="index < 4">
       <h2>{{ item[keys] }}：</h2>
       <p>{{ item[value] }}</p>
@@ -25,6 +25,11 @@
       value: {
         type: String,
         default: 'value'
+      },
+
+      theme: {
+        type: String,
+        default: '0'
       }
     },
 
@@ -98,5 +103,9 @@
         content: ' ';
       }
     }
+
+    &.summary13-1 {
+
+    }
   }
 </style>