tanzhongheY/custom-tab-bar/index.wxss

68 lines
1.1 KiB
Plaintext

.tab-bar-border {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 160rpx;
overflow: auto;
}
.tab-bar-border .border{
background: white;
border-radius: 30rpx 30rpx 0 0;
width: 750rpx;
height: 120rpx;
z-index: 0;
position: absolute;
bottom: 0;
box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.20);
}
.tab-bar {
min-height: 160rpx;
display: flex;
position: relative;
z-index: 1;
overflow: auto;
}
.tab-bar-item {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: auto;
padding-top: 49rpx;
}
.tab-bar-item cover-image {
/* width: 40rpx; */
/* height: 40rpx; */
}
.middle{
padding-top: 0!important;
position: relative;
}
.tab-bar .selected {
/* padding-top: 0; */
}
.tab-bar-item cover-view {
position: relative;
top: 0rpx;
width: 100%;
left: 0;
height: 60rpx;
line-height: 60rpx;
font-size: 30rpx;
z-index: 3;
/* margin-top: -90rpx; */
}
cover-view{
overflow: auto;
white-space: initial;
pointer-events: none;
}