@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 1.59 kB
CSS
[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}.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}