更新样式

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,14 +16,12 @@
           />
         </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>
-        </div>
       </template>
       <m-empty v-else />
     </div>
@@ -144,19 +142,19 @@ 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
       align-items center
       width 48%
-        font-size .08rem
+      font-size .09rem
       &:nth-of-type(2n)
         margin-left .05rem
       .dot
@@ -174,7 +172,7 @@ async function onClick({ query, icon }) {
 .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