Files
RenyiXCX/custom-tab-bar/index.wxss

40 lines
669 B
Plaintext

.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: white;
display: flex;
padding-bottom: env(safe-area-inset-bottom);
background-color: #FFFFFF;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
.tab-bar-border {
background-color: rgba(107, 163, 240, 0.2);
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;
}
.tab-bar-item cover-image {
width: 27px;
height: 27px;
}
.tab-bar-item cover-view {
font-size: 11px;
}