@xysfe/actui/es/Tab/style.css

A fantastic mobile ui lib implement by Vue

.act-gold-tab[data-v-6ed2fc1a]{padding:0;margin:0;width:100%;height:40px;background-color:#fff;position:relative}.act-gold-tab .cover_layer[data-v-6ed2fc1a]{position:absolute;top:0;width:36px;height:40px;opacity:1}.act-gold-tab .right[data-v-6ed2fc1a]{right:0;background:-webkit-linear-gradient(right,#fff,hsla(0,0%,100%,0));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper{width:100%;white-space:nowrap;overflow:hidden}.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper .scroll-content{width:unset;display:inline-block;position:relative}.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper .scroll-content .act-gold-tab-item{display:inline-block;color:#666;font-size:14px;height:40px;line-height:40px;text-align:center}.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper .scroll-content .act-gold-tab-item.active,.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper .scroll-content .act-gold-tab-item:hover{font-size:16px;color:#333}.act-gold-tab[data-v-6ed2fc1a] .scroll-wrapper .scroll-content .active_bar{z-index:1;position:absolute;bottom:0;width:22px;height:3px;opacity:1;border-radius:2px;transition:left .1s;-webkit-transition:left .1s;-moz-transition:left .1s;-o-transition:left .1s}