css

assets/css/mine/shoporder.scss

@@ -58,15 +58,17 @@
                     color: #484b59;
                 }
                 .t2 {
-                    font-size: 28rpx;
-                    color: #292b33;
-                    font-weight: bold;
-                }
-                .t3 {
                     font-size: 24rpx;
                     color: #919399;
                 }
                 &.curr {
+                    .t1 {
+                        color: #292b33;
+                        font-weight: 600;
+                    }
+                    .t2 {
+                        font-weight: 600;
+                    }
                     &::after {
                         position: absolute;
                         bottom: 0;
@@ -95,11 +97,11 @@
                 border-bottom: 1px solid #f0f0f2;
                 white-space: nowrap;
                 .t1 {
-                    font-size: 24rpx;
+                    font-size: 22rpx;
                     color: #484b59;
                 }
                 .t2 {
-                    font-size: 24rpx;
+                    font-size: 22rpx;
                     color: #1969f9;
                     margin-right: 24rpx;
                 }

pages/mine/shoporder.vue

@@ -14,8 +14,8 @@
             </view>
             <view class="tab  row avarage verCenter">
                 <view class="box row rowCenter verCenter" v-for="(item, index) in arr" :class="{ curr: index == curr }" :key="index" @click="tab(index)">
-                    <text class="t2">{{ item }}</text>
-                    <text class="t3">（{{ count[index] }}）</text>
+                    <text class="t1">{{ item }}</text>
+                    <text class="t2">（{{ count[index] }}）</text>
                 </view>
             </view>
         </view>