mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 1.75 kB
CSS
.md-tab-bar{position:relative;padding-left:5.33333vw;padding-right:5.33333vw;background-color:#f9fafb}.md-tab-bar-inner{position:relative;width:100%}.md-tab-bar-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:100%}.md-tab-bar-item{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;-webkit-flex-shrink:0;flex-shrink:0;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#666f83;font-size:3.73333vw;font-weight:500;min-height:13.33333vw;padding:0 3.6vw;margin:0 auto;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.md-tab-bar-item.is-active{color:#198cff}.md-tab-bar-item.is-disabled{color:#d9e0e7}.more-than-five{padding:0;margin-right:3.6vw}.md-tab-bar-ink{position:absolute;bottom:1.33333vw;left:0;display:block;height:0.53333vw;background-color:#198cff;border-radius:266.66667vw;-webkit-transition:all .3s;transition:all .3s}.md-tab-bar-ink.is-disabled{background-color:#d9e0e7}.md-tab-bar-end,.md-tab-bar-start{position:absolute;top:0;left:0;width:1.86667vw;height:13.33333vw;overflow:hidden}.md-tab-bar-end:after,.md-tab-bar-start:after{content:"";display:block;position:absolute;left:-1.86667vw;top:50%;width:1.86667vw;margin-top:-5.33333vw;height:10.66667vw;border-radius:50%;box-shadow:-1px 0 1.6vw 0 rgba(0,0,0,.2)}.md-tab-bar-end{left:auto;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.md-tab-bar .md-scroll-view{display:block}.md-tab-bar .scroll-view-container{min-width:100%}