yfs/custom-tab-bar/index.wxss
2025-03-14 11:01:58 +08:00

42 lines
655 B
Plaintext

.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-sizing: content-box;
height: 44px;
background: #FFFFFF;
display: flex;
padding-top: 10px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
padding-bottom: env(safe-area-inset-bottom);
}
.tab-bar-border {
background-color: #404241;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
transform: scaleY(0.5);
}
.tab-bar-item {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
}
.tab-bar-item image {
width: 48rpx;
height: 48rpx;
}
.tab-bar-item view {
font-size: 10px;
}