首页交互,圆形进度条宽度设定百分比

src/views/dashboard/IndexChart.vue

@@ -104,7 +104,7 @@
           <div class="total">
             <div class="topSpan topSpanHeight">
               <div class="topSpanLeft topSpanLeftPad2" style="width: 40%">
-                <a-progress type="circle" :percent="currentWeek.percent" :width="88" strokeColor="#6A66F6" :strokeWidth="10">
+                <a-progress type="circle" :percent="currentWeek.percent" :width="percentWidth.width" strokeColor="#6A66F6" :strokeWidth="10">
                   <template #format="percent">
                     <span style="color: #6A66F6;font-size: 20px">{{ percent }}%</span>
                   </template>
@@ -135,7 +135,7 @@
         <a-card :bordered="false" :style="{ marginTop: '15px' }" class="animate__animated animate__bounceInLeft animate__slow">
           <div class="topSpan topSpanHeightElse">
             <div class="topSpanLeft topSpanLeftPad2" style="width: 40%">
-              <a-progress type="circle" :percent="currentMonth.percent" :width="88" strokeColor="#6A66F6" :strokeWidth="10">
+              <a-progress type="circle" :percent="currentMonth.percent" :width="percentWidth.width" strokeColor="#6A66F6" :strokeWidth="10">
                 <template #format="percent">
                   <span style="color: #6A66F6;font-size: 20px">{{ percent }}%</span>
                 </template>
@@ -341,6 +341,7 @@
         baseBarColor: [[ 'l(90) 0:#7D5DF4 1:#5673F8']],
         barPadding: ['20', '30', '50', '30'],
         baseBarPadding: ['20', '38', '20', '38'],
+        percentWidth: {width: (window.innerWidth * 0.054)},
         url:{
           getIndexTopTotalpayment: '/wisdom/hlwPaymentDetail/getIndexTopTotalpayment',
           getIndexTopTotalUser:'/wisdom/hlwPaymentDetail/getIndexTopTotalUser',