000

src/pages/oldStatistics.vue

@@ -70,6 +70,7 @@
             </div>
             <div class="tu-three">
                 <p class="title1">老年人关爱服务统计</p>
+                <com3 ref="c3"></com3>
             </div>
             <div class="tu-four">
                 <p class="title1">老年人能力评估统计</p>
@@ -108,6 +109,7 @@
 <script>
     import com1 from "../components/oldStatistics/1.vue";
     import com2 from "../components/oldStatistics/2.vue";
+    import com3 from "../components/oldStatistics/3.vue";
     import com4 from "../components/oldStatistics/4.vue";
     import com5 from "../components/oldStatistics/5.vue";
     import com6 from "../components/oldStatistics/6.vue";
@@ -121,7 +123,7 @@
 
     export default {
         name: "Home",
-        components: {com1,com2,com4,com5,com6,com7,com8,com9,com10},
+        components: {com1,com2,com3,com4,com5,com6,com7,com8,com9,com10},
         data() {
             return {
                 provinces: [],   // 省份
@@ -232,6 +234,7 @@
 
                 this.$refs.c1.draw();
                 this.$refs.c2.draw();
+                this.$refs.c3.draw();
                 this.$refs.c4.draw();
                 this.$refs.c5.draw();
                 this.$refs.c6.draw();
@@ -518,7 +521,7 @@
         text-align: center;
         background: rgba(254, 196, 0, 0);
         border-radius: 10px;
-        border: 0.5px solid #00d0f6;
+        border: 0.8px solid #00d0f6;
         /*border-image: linear-gradient(-90deg, rgba(0, 187, 234, 0), rgba(3, 77, 129, 1), rgba(0, 161, 254, 0)) 1 1;*/
         box-shadow: 0px 0px 46px 0px rgba(8, 91, 168, 0.4);