From 05105488bdb5c9c9f2ce65fe482aba173b9ece69 Mon Sep 17 00:00:00 2001 From: francis_fh <13935151924@163.com> Date: Tue, 27 Jan 2026 17:13:45 +0800 Subject: [PATCH] =?UTF-8?q?tabbar=E5=A4=A7=E5=B0=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/CustomTabBar/CustomTabBar.vue | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/components/CustomTabBar/CustomTabBar.vue b/components/CustomTabBar/CustomTabBar.vue index 444ecd7..7b1c1f7 100644 --- a/components/CustomTabBar/CustomTabBar.vue +++ b/components/CustomTabBar/CustomTabBar.vue @@ -279,7 +279,7 @@ onMounted(() => { bottom: 0; left: 0; right: 0; - height: 88rpx; + height: 100rpx; background-color: #ffffff; border-top: 1rpx solid #e5e5e5; display: flex; @@ -306,8 +306,8 @@ onMounted(() => { } .tabbar-icon { - width: 44rpx; - height: 44rpx; + width: 50rpx; + height: 50rpx; margin-bottom: 4rpx; position: relative; } @@ -318,7 +318,7 @@ onMounted(() => { } .tabbar-text { - font-size: 20rpx; + font-size: 22rpx; line-height: 1; transition: color 0.3s ease; } @@ -332,14 +332,14 @@ onMounted(() => { position: absolute; top: 4rpx; right: 20rpx; - min-width: 30rpx; - height: 30rpx; + min-width: 32rpx; + height: 32rpx; background-color: #ff4444; color: #fff; - font-size: 18rpx; - border-radius: 15rpx; + font-size: 19rpx; + border-radius: 16rpx; text-align: center; - line-height: 30rpx; + line-height: 32rpx; padding: 0 10rpx; transform: scale(0.8); } @@ -347,8 +347,8 @@ onMounted(() => { /* 中间按钮特殊样式 */ .tabbar-item:has(.center-item) { .tabbar-icon { - width: 60rpx; - height: 60rpx; + width: 68rpx; + height: 68rpx; margin-bottom: 0; } }