36 lines
962 B
Plaintext
36 lines
962 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;
|
|
/* 与各页 --line 保持同一档（#ECE3D6）：tabBar 是独立组件，读不到 page 上的 CSS 变量，只能硬编码 */
|
|
border-top: 2rpx solid #ECE3D6;
|
|
}
|
|
|
|
.tab-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.tab-text {
|
|
margin-top: 6rpx;
|
|
/* 与全局约束一致：中文正文不小于 24rpx(12px) */
|
|
font-size: 24rpx;
|
|
line-height: 1;
|
|
color: #7A7068;
|
|
}
|
|
|
|
.tab-item.is-active .tab-text {
|
|
/* 选中文字：暖橙 --brand-strong 的硬编码（组件读不到 page 级变量），白底 4.94:1，过 AA */
|
|
color: #B8520A;
|
|
font-weight: 600;
|
|
}
|