wot-design/lib/theme-default/anchor.css

Mobile UI components built on vue.js

@charset "UTF-8";.wd-anchor,.wd-anchor__nav{position:relative;background:#fff}.wd-anchor__nav{height:42px;overflow:hidden}.wd-anchor__nav::after{position:absolute;display:block;content:"";width:100%;height:1px;left:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);background:#e8e8e8}.wd-anchor__nav-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;padding-bottom:15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wd-anchor__nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;text-align:center;height:42px;line-height:42px;font-size:14px;color:rgba(0,0,0,.85);-webkit-transition:color .3s;transition:color .3s;-webkit-tap-highlight-color:transparent}.wd-anchor__nav-item.is-active{font-weight:500}.wd-anchor__line{position:absolute;bottom:20px;left:0;height:3px;background:linear-gradient(315deg,#517cf0 0,#769ef5 100%);z-index:1;border-radius:1.5px}.wd-anchor__container{position:relative;overflow:hidden}.wd-anchor__body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.wd-anchor.is-slide .wd-anchor__nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.wd-anchor.is-slide .wd-anchor__nav-item{color:rgba(0,0,0,.85);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0 17px}