fix(mine):展示距离下个奖衔进度文案 bug

pages/mine/index.vue

@@ -57,7 +57,20 @@
       </view>
     </view>
    
+              
     <view class="ju_grade" v-if="!ifSpecial">
+      <view v-if="tarAwardsName" class="awards-progress-summary"  style="text-align: center;">
+        <span class="descriptive-text">当前距离</span>
+        <span class="highlight-name">
+          {{ awards.tarAwardsName }}
+        </span>
+        <span class="descriptive-text">奖衔,小区仅需</span>
+        <span class="highlight-pv">
+          {{
+            awards.targetPv
+          }}</span>
+      </view>
+      
       <view class="jugrade_flex">
         <view class="ju_left">
           <view class="yestDay">
@@ -147,6 +160,7 @@
             class="theorderflex1"
             @click="goTo(item.url)"
             v-if="item.ifshow"
+            :key="index"
           >
             <image class="order_img" :src="item.imgurl" />
             <view class="order_text">{{ item.name }}</view>
@@ -746,6 +760,27 @@ export default {
   background: #ffffff;
   font-size: 24rpx;
 
+  .descriptive-text {
+    font-size: 22rpx;
+    color: #666666;
+    margin-right: 8rpx;
+  }
+
+  .highlight-name {
+    font-size: 30rpx; /* 示例字号，您可以根据需要调整 */
+    font-weight: bold;
+    color: #005BAC; /* 示例颜色，您可以根据需要调整 */
+    padding: 0 8rpx; /* 增加一些内边距，使其更突出 */
+    margin-right: 10rpx; /* 在名称和下一个标签之间添加间距 */
+  }
+
+  .highlight-pv {
+    font-size: 30rpx; /* 示例字号，您可以根据需要调整 */
+    font-weight: bold;
+    color: #FF5722; /* 示例颜色，您可以根据需要调整 */
+    padding: 0 8rpx; /* 增加一些内边距，使其更突出 */
+  }
+
   .ju_title {
     font-family: Source Han Sans CN;
     font-weight: bold;