flyx/custom-tab-bar/index.wxss
2024-07-07 16:59:13 +08:00

41 lines
606 B
Plaintext

.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-sizing: content-box;
height: 44px;
background: #000;
display: flex;
padding-top: 10px;
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: 140rpx;
height: 80rpx;
}
.tab-bar-item view {
font-size: 10px;
}