计分本细节更新

src/components/RingBarChart.vue

@@ -61,6 +61,7 @@ const ringText = (ring) => {
         {{ b && b.ring !== undefined ? b.ring : "" }}
       </text>
     </view>
+    <text>环值</text>
   </view>
 </template>
 
@@ -70,9 +71,18 @@ const ringText = (ring) => {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
+  position: relative;
+}
+.container > text {
+  position: absolute;
+  bottom: 2rpx;
+  left: 0;
+  font-size: 18rpx;
+  color: #999999;
 }
 .container > view {
-  padding: 0 10rpx;
+  padding-left: 40rpx;
+  padding-right: 10rpx;
 }
 .container > view:first-child {
   display: flex;
@@ -93,14 +103,15 @@ const ringText = (ring) => {
   transition: all 0.3s ease;
   height: 0;
 }
-.container > view:last-child {
+.container > view:nth-child(2) {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   border-top: 1rpx solid #333;
   font-size: 22rpx;
   color: #333333;
+  padding-top: 2rpx;
 }
-.container > view:last-child > text {
+.container > view:nth-child(2) > text {
   text-align: center;
 }
 </style>