调整 TabBar 样式,修复高度和内边距问题
This commit is contained in:
@@ -142,12 +142,14 @@ const handleTabClick = (path) => {
|
|||||||
/* 重置所有 padding,然后只添加安全区域 */
|
/* 重置所有 padding,然后只添加安全区域 */
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
|
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
|
||||||
height: 50px !important;
|
height: auto !important;
|
||||||
min-height: 50px !important;
|
min-height: 50px !important;
|
||||||
|
box-sizing: content-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 确保 TabBar 项目居中 */
|
/* 确保 TabBar 项目居中 */
|
||||||
:deep(.van-tabbar-item) {
|
:deep(.van-tabbar-item) {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
height: 50px !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user