Files
wxapp_escort/custom-tab-bar/index.wxss
T
2026-10-02 11:56:08 +08:00

40 lines
838 B
Plaintext

/* 自定义 tabBar 脱离文档流,fixed 在底部;
各 tab 页需自备底部占位(见 home / aichat / mine 的底部留白),否则内容会被盖住 */
.tab-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
display: flex;
padding: 12rpx 0 calc(12rpx + env(safe-area-inset-bottom));
background: #FFFFFF;
border-top: 2rpx solid #F0E9E0;
}
.tab-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
/* 位图图标(AI客服):与 t-icon 的 44rpx 视觉尺寸对齐 */
.tab-icon-img {
width: 44rpx;
height: 44rpx;
}
.tab-text {
margin-top: 6rpx;
/* 与全局约束一致:中文正文不小于 24rpx(12px) */
font-size: 24rpx;
line-height: 1;
color: #7A7068;
}
.tab-item.is-active .tab-text {
color: #C2410C;
font-weight: 600;
}