大屏

packages/bigscreen/dv/components/DoughnutChart.vue

@@ -7,15 +7,10 @@
       </div>
     </div>
     <div class="DoughnutChart-explain">
-      <div class="item">
+      <div class="item" v-for="(item, index) in value" :key="index">
         <i></i>
-        <span>已激活成员</span>
-        <p>2142</p>
-      </div>
-      <div class="item">
-        <i></i>
-        <span>未激活成员</span>
-        <p>2142</p>
+        <span>{{ item.key }}</span>
+        <p>{{ item.value }}</p>
       </div>
     </div>
   </div>
@@ -23,7 +18,7 @@
 
 <script>
   export default {
-    props: ['ratio'],
+    props: ['ratio', 'value'],
 
     data () {
       return {
@@ -34,6 +29,12 @@
       }
     },
 
+    watch: {
+      ratio () {
+        this.init()
+      }
+    },
+
     mounted () {
       this.$nextTick(() => {
         this.init()
@@ -175,7 +176,7 @@
         transform: translate(-50%, -50%);
 
         span {
-          font-size: 18px;
+          font-size: 17px;
           font-weight: bold;
           color: #02FEFF;
         }