sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tabbar大小调整

Browse Source
This commit is contained in:
francis_fh
2026-01-27 17:13:45 +08:00
parent 910862cb5f
commit 05105488bd
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/CustomTabBar/CustomTabBar.vue
View File

@@ -279,7 +279,7 @@ onMounted(() => {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
height: 88rpx; height: 100rpx;
background-color: #ffffff; background-color: #ffffff;
border-top: 1rpx solid #e5e5e5; border-top: 1rpx solid #e5e5e5;
display: flex; display: flex;
@@ -306,8 +306,8 @@ onMounted(() => {
} }
.tabbar-icon { .tabbar-icon {
width: 44rpx; width: 50rpx;
height: 44rpx; height: 50rpx;
margin-bottom: 4rpx; margin-bottom: 4rpx;
position: relative; position: relative;
} }
@@ -318,7 +318,7 @@ onMounted(() => {
} }
.tabbar-text { .tabbar-text {
font-size: 20rpx; font-size: 22rpx;
line-height: 1; line-height: 1;
transition: color 0.3s ease; transition: color 0.3s ease;
} }
@@ -332,14 +332,14 @@ onMounted(() => {
position: absolute; position: absolute;
top: 4rpx; top: 4rpx;
right: 20rpx; right: 20rpx;
min-width: 30rpx; min-width: 32rpx;
height: 30rpx; height: 32rpx;
background-color: #ff4444; background-color: #ff4444;
color: #fff; color: #fff;
font-size: 18rpx; font-size: 19rpx;
border-radius: 15rpx; border-radius: 16rpx;
text-align: center; text-align: center;
line-height: 30rpx; line-height: 32rpx;
padding: 0 10rpx; padding: 0 10rpx;
transform: scale(0.8); transform: scale(0.8);
} }
@@ -347,8 +347,8 @@ onMounted(() => {
/* 中间按钮特殊样式 */ /* 中间按钮特殊样式 */
.tabbar-item:has(.center-item) { .tabbar-item:has(.center-item) {
.tabbar-icon { .tabbar-icon {
width: 60rpx; width: 68rpx;
height: 60rpx; height: 68rpx;
margin-bottom: 0; margin-bottom: 0;
} }
} }