1 line
2.2 KiB
Plaintext
1 line
2.2 KiB
Plaintext
.placeholder{height:112rpx}.placeholder.bluge{height:180rpx}.safe-area{padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.tab-bar{background-color:#fff;box-sizing:border-box;position:fixed;left:0;bottom:0;width:100%;z-index:998;display:flex;border-top:2rpx solid #f5f5f5;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.tab-bar .tabbar-border{background-color:hsla(0,0%,100%,.329412);position:absolute;left:0;top:0;width:100%;height:2rpx;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.tab-bar .item{display:flex;align-items:center;flex:1;flex-direction:column;padding-bottom:10rpx;box-sizing:border-box}.tab-bar .item .bd{position:relative;height:100rpx;flex-direction:column;text-align:center;display:flex;justify-content:center;align-items:center}.tab-bar .item .bd .icon{position:relative;display:inline-block;margin-top:10rpx;width:40rpx;height:40rpx;font-size:40rpx;line-height:40rpx}.tab-bar .item .bd .icon image{width:100%;height:100%}.tab-bar .item .bd .icon > view{height:inherit;display:flex;align-items:center}.tab-bar .item .bd .icon .bar-icon{font-size:42rpx}.tab-bar .item .bd .label{position:relative;text-align:center;font-size:24rpx;line-height:1;margin-top:12rpx}.tab-bar .item.bulge .bd{position:relative;height:100rpx;flex-direction:column;text-align:center}.tab-bar .item.bulge .bd .icon{margin-top:-60rpx;margin-bottom:4rpx;border-radius:50%;width:100rpx;height:102rpx;padding:10rpx;border-top:2rpx solid #f5f5f5;background-color:#fff;box-sizing:border-box}.tab-bar .item.bulge .bd .icon image{width:100%;height:100%;border-radius:50%}.tab-bar .item.bulge .bd .label{position:relative;text-align:center;font-size:24rpx;height:40rpx;line-height:40rpx}.tab-bar .item .cart-count-mark{position:absolute;top:-8rpx;right:-18rpx;width:24rpx;height:24rpx!important;display:flex;justify-content:center;align-items:center;color:#fff;padding:6rpx;border-radius:50%;z-index:99}.tab-bar .item .cart-count-mark.max{width:40rpx;border-radius:24rpx;right:-28rpx}.tab-bar-placeholder{padding-bottom:calc(constant(safe-area-inset-bottom) + 112rpx);padding-bottom:calc(env(safe-area-inset-bottom) + 112rpx)} |