drip-ui/es/drip-css/tabbar.css

Lightweight Mobile UI Components built on Vue

.drip-tabbar{width:100%;height:.66667rem;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff}.drip-tabbar--fixed{left:0;bottom:0;position:fixed}.drip-tabbar-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#666;display:-webkit-box;display:-webkit-flex;display:flex;line-height:1;font-size:.16rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.drip-tabbar-item__icon{font-size:.24rem;position:relative;margin-bottom:.06667rem}.drip-tabbar-item__icon .drip-icon{display:block}.drip-tabbar-item__icon--dot::after{top:0;right:-.10667rem;width:.10667rem;height:.10667rem;content:' ';position:absolute;border-radius:100%;background-color:#d05602}.drip-tabbar-item__icon img{height:.24rem;display:block}.drip-tabbar-item--active{color:#126ef8}