chart页布局优化

src/views/Chart.vue

@@ -12,6 +12,7 @@
       :columns="pickerYears"
       visible-item-count="3"
       :default-index="currentYearIndex"
+      item-height="2.36rem"
       @change="onPickerChange"
     />
     <div
@@ -687,7 +688,7 @@ export default {
     background: #33468B;
     position: absolute;
     top: 6.92rem;
-    left: 26.75%;
+    left: calc(50% - 4.25rem);
     overflow: hidden;
   }
   .data-circle {
@@ -723,37 +724,37 @@ export default {
   }
   .guanzhongshu {
     top: 2.11rem;
-    left: 1.34rem;
+    left: calc(50% - 7.8rem);
     width: 4.91rem;
     height: 4.91rem;
   }
   .linzhanshu {
-    top: 2.41rem;
-    right: 4.22rem;
+    top: 1.41rem;
+    right: calc(50% - 3.76rem);
     width: 4.17rem;
     height: 4.17rem;
   }
   .zhuantihuodong {
-    top: 7rem;
-    right: 1rem;
+    top: 5.42rem;
+    right: calc(50% - 7.45rem);
     width: 4rem;
     height: 4rem;
   }
   .huodongshu {
-    top: 12rem;
-    right: 1.3rem;
+    top: 10.91rem;
+    right: calc(50% - 8.11rem);
     width: 4.03rem;
     height: 4.03rem;
   }
   .weixinfensi {
     top: 13.11rem;
-    left: 0.86rem;
+    left: calc(50% - 8.28rem);
     width: 4.77rem;
     height: 4.77rem;
   }
   .waizhanshu {
     top: 16.16rem;
-    right: 5.14rem;
+    right: calc(50% - 2.97rem);
     width: 3.59rem;
     height: 3.59rem;
   }