44 lines
1000 B
Plaintext
44 lines
1000 B
Plaintext
.tabs {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 900;
|
|
display: flex;
|
|
align-items: center;
|
|
background: #FFF0F5;
|
|
border-top: 1rpx solid #F3DCE5;
|
|
padding: 10rpx 20rpx calc(12rpx + env(safe-area-inset-bottom));
|
|
box-sizing: border-box;
|
|
}
|
|
.tab {
|
|
flex: 1;
|
|
min-width: 0;
|
|
min-height: 92rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 4rpx;
|
|
padding: 4rpx 0;
|
|
color: #8B827B;
|
|
}
|
|
.tab-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 88rpx;
|
|
height: 54rpx;
|
|
border-radius: 32rpx;
|
|
background: transparent;
|
|
transition: background-color .18s ease;
|
|
}
|
|
.tab-icon image { width: 48rpx; height: 48rpx; }
|
|
.tab-label { font-size: 23rpx; line-height: 1.4; letter-spacing: 1rpx; }
|
|
.active { color: #B74768; }
|
|
.active .tab-icon { background: #FADCE7; }
|
|
.active .tab-label { font-weight: 600; }
|
|
.tab-pressed .tab-icon { background: #FCE5ED; }
|
|
|
|
@import '../../styles/typography.wxss';
|