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; } }