style: compact collection tabs

uniapp/src/pages/collection/collection.vue

@@ -27,13 +27,13 @@
                     <u-icon :name="tab.icon" size="28" :color="activeType === tab.key ? '#1468f5' : '#7b8492'" />
                     <text>{{ tab.label }}</text>
                     <text v-if="tab.key === 'article' && articleCount" class="collection-tab__count">{{ articleCount
-                    }}</text>
+                        }}</text>
                     <text v-if="tab.key === 'post' && postCount" class="collection-tab__count">{{ postCount }}</text>
                     <text v-if="tab.key === 'match' && matchCount" class="collection-tab__count">{{ matchCount }}</text>
                     <text v-if="tab.key === 'lottery' && lotteryCount" class="collection-tab__count">{{ lotteryCount
-                    }}</text>
+                        }}</text>
                     <text v-if="tab.key === 'crypto' && cryptoCount" class="collection-tab__count">{{ cryptoCount
-                    }}</text>
+                        }}</text>
                 </view>
             </view>
         </scroll-view>
@@ -592,7 +592,7 @@ onShow(() => {
 .collection-tab {
     min-width: 0;
     flex: 1;
-    height: 86rpx;
+    height: 66rpx;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -614,7 +614,7 @@ onShow(() => {
             left: 50%;
             bottom: 0;
             width: 140rpx;
-            height: 6rpx;
+            height: 2rpx;
             border-radius: 999rpx;
             background: #1468f5;
             transform: translateX(-50%);