细节调整

src/components/RingBarChart.vue

@@ -1,15 +1,11 @@
 <script setup>
-import { ref, computed } from "vue";
+import { ref, computed, onMounted } from "vue";
 
 const props = defineProps({
   data: {
     type: Object,
     default: () => ({}),
   },
-  total: {
-    type: Number,
-    default: 0,
-  },
 });
 
 const barColor = (rate) => {
@@ -44,13 +40,12 @@ const ringText = (ring) => {
     <view>
       <view v-for="(b, index) in bars" :key="index">
         <text v-if="b && b.rate">
-          {{ total === 0 ? `${Number((b.rate * 100).toFixed(1))}%` : b.rate }}
+          {{ `${Number((b.rate * 100).toFixed(1))}%` }}
         </text>
         <view
           :style="{
-            background: barColor(total === 0 ? b.rate : b.rate / total),
+            background: barColor(b.rate),
-            height:
+            height: (b.rate === 1 ? 150 : b.rate * 240) + 'rpx',
-              Math.max((total === 0 ? b.rate : b.rate / total) * 240) + 'rpx',
           }"
         >
         </view>