.

2025-09-23 22:27:41 +08:00
parent 232cea0f7e
commit aed85c92df
19 changed files with 238 additions and 374 deletions
@@ -26,17 +26,7 @@
        </uni-badge>

        <!-- 选中的当前tabbar加上下横线 -->
-        <view
-          :style="{
-            width: '20rpx',
-            height: '1rpx',
-            background: '#000',
-            position: 'absolute',
-            left: 'calc(50% - 10rpx)',
-            bottom: '-5rpx',
-            display: isActive ? 'inline-block' : 'none',
-          }"
-        />
+        <view class="active-line" :style="{ display: isActive ? 'inline-block' : 'none' }" />
      </view>
      <!-- 底部tabbar不要文字 -->
      <!-- <slot name="text">
@@ -231,6 +221,15 @@
      position: relative;
      width: 150rpx;
      justify-content: center;
+
+      .active-line {
+        width: 20rpx;
+        height: 1rpx;
+        background: #000;
+        position: absolute;
+        left: calc(50% - 10rpx);
+        bottom: -5rpx;
+      }
    }

    &__text {
@@ -156,7 +156,8 @@
      },
      getRect(selector, all) {
        return new Promise((resolve) => {
-          uni.createSelectorQuery()
+          uni
+            .createSelectorQuery()
            .in(this)
            [all ? 'selectAll' : 'select'](selector)
            .boundingClientRect((rect) => {