luban-mall/unpackage/dist/dev/mp-weixin/components/foot-tab/foot-tab.wxss

156 lines
1.3 KiB
Plaintext

/* 外框样式 start */
.foot-box.data-v-c9161278{
display: flex;
justify-content: space-around;
height: 130rpx;
font-size: 24rpx;
background-color: #FFFFFF;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
/* 外框样式 end */
.item-box.data-v-c9161278 {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
padding: 16rpx 10rpx;
width: 100%;
}
.item-icon.data-v-c9161278{
justify-content: center;
align-items: center;
width: 65rpx;
height: 60rpx;
border-radius: 10rpx;
}
.item-icon.active.data-v-c9161278 {
background-color: #0073bc;
}
.item-icon.active image.data-v-c9161278{
-webkit-filter: brightness(1000%);
-moz-filter: brightness(1000%);
-ms-filter: brightness(1000%);
-o-filter: brightness(1000%);
filter: brightness(1000%);
}
.foot-title.data-v-c9161278{
margin-top: 10rpx;
letter-spacing: 4rpx;
font-size: 24rpx;
color: #999999;
}
.foot-title.active.data-v-c9161278{
color: #000000;
}
/* 凸出样式 */
.bulge.data-v-c9161278 {
position: absolute;
top: -30rpx;
width: 80rpx!important;
height: 80rpx!important;
border: 8rpx solid #FFFFFF;
border-radius: 100%;
vertical-align: middle;
box-shadow: 0rpx -3rpx 6rpx rgba(0,0,0,.1);
background-color: #FFFFFF;
}