更新样式

src/lib/A016/index.vue

@@ -25,7 +25,9 @@
           </div>
           |
           <div>
-            <p class="count"><m-count :value="info.rectifyRatio" />%</p>
+            <p class="count">
+              <m-count :value="info.rectifyRatio" :decimal="2" />%
+            </p>
             <p>完成率</p>
           </div>
         </div>
@@ -40,7 +42,7 @@
         <span>户</span>
       </div>
       <div v-for="item in list.slice(1)" :key="item.name">
-        <m-count :value="item.value" />
+        <m-count class="count" :value="item.value" />
         <p>{{ item.name }}</p>
       </div>
     </div>
@@ -193,6 +195,8 @@ const barOption = {
     text-align center
     flex 1
     position relative
+    .count
+      font-size .12rem
     p
       color #ccc
     span

src/lib/A017/index.vue

@@ -16,12 +16,10 @@
           />
         </div>
         <div class="legend">
-          <div class="inner">
-            <div v-for="(item, i) in pieData.source" :key="item.type">
-              <i class="dot" :style="`background:${pieOption.color[i]}`" />
-              <p :title="item.type">{{ item.type }}</p>
-              <span><m-count :value="item.rate" />%</span>
-            </div>
+          <div v-for="(item, i) in pieData.source" :key="item.type">
+            <i class="dot" :style="`background:${pieOption.color[i]}`" />
+            <p :title="item.type">{{ item.type }}</p>
+            <span><m-count :value="item.rate" />%</span>
           </div>
         </div>
       </template>
@@ -144,37 +142,37 @@ async function onClick({ query, icon }) {
 @import  '../../components/MyComponent/main.styl'
 .chart-wrapper
   display flex
+  flex 1
   .chart
     width 25%
     height 1rem
   .legend
     flex 1
-    .inner
+    display flex
+    flex-wrap wrap
+    >div
       display flex
-      flex-wrap wrap
-      >div
-        display flex
-        align-items center
-        width 48%
-        font-size .08rem
-        &:nth-of-type(2n)
-          margin-left .05rem
-        .dot
-          display inline-block
-          width .06rem
-          height @width
-          border-radius 50%
-        p
-          margin 0 .04rem
-          flex 1
-          color #ccc
-          overflow hidden
-          white-space nowrap
-          text-overflow ellipsis
+      align-items center
+      width 48%
+      font-size .09rem
+      &:nth-of-type(2n)
+        margin-left .05rem
+      .dot
+        display inline-block
+        width .06rem
+        height @width
+        border-radius 50%
+      p
+        margin 0 .04rem
+        flex 1
+        color #ccc
+        overflow hidden
+        white-space nowrap
+        text-overflow ellipsis
 .summary
   display flex
   justify-content space-between
-  margin-bottom .04rem
+  margin .05rem 0
   >div
     text-align center
     cursor pointer

src/lib/A018/index.vue

@@ -162,7 +162,6 @@ const onClick = (state) => {
   >div
     display flex
     align-items center
-    font-size .09rem
     color #ccc
     cursor pointer
     .orange-count

src/lib/A019/index.vue

@@ -4,8 +4,8 @@
       <p>
         住宅预销售金额
         <span style="margin-left: 0.1rem">
-          <m-count class="orange-count" :value="total" />
-          万元
+          <m-count class="orange-count" :value="total" :decimal="2" />
+          亿元
         </span>
       </p>
       <n-select
@@ -91,7 +91,7 @@ watch(
           livePresaleNum = 0, //居住预售证数
           totalArea = 0, //总面积
         } = res?.data?.content || {}
-        total.value = totalPrice
+        total.value = totalPrice / 100000000
         list.value = [
           {
             name: '住房',
@@ -177,7 +177,7 @@ const areas = ref([
       flex 1
       margin-left .05rem
     .orange-count
-      margin 0 .04rem .02rem 0.1rem
+      margin 0 .04rem .02rem
     span
       display flex
       align-items center