wot-design
Version:
Mobile UI components built on vue.js
1 lines • 1.32 kB
CSS
@charset "UTF-8";.wd-badge{position:relative;vertical-align:middle;display:inline-block}.wd-badge__content{display:inline-block;height:16px;line-height:16px;padding:0 5px;background-color:#fa4350;border-radius:10px;color:#fff;font-size:12px;text-align:center;white-space:nowrap;border:2px solid #fff;font-weight:500}.wd-badge__content.is-fixed{position:absolute;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%)}.wd-badge__content.is-dot{height:6px;width:6px;padding:0;border-radius:50%}.wd-badge__content--primary{background-color:#4d80f0}.wd-badge__content--success{background-color:#34d19d}.wd-badge__content--warning{background-color:#f0883a}.wd-badge__content--info{background-color:#909399}.wd-badge__content--danger{background-color:#fa4350}.wd-tabbar-item{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px 0 4px;text-align:center;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent}.wd-tabbar-item__icon-container{position:relative}.wd-tabbar-item__icon{display:block;margin:0 auto;width:24px;height:24px;font-size:24px;line-height:initial}.wd-tabbar-item__label{margin-top:2px;font-size:10px;line-height:1.2}.wd-tabbar-item.is-active{color:#4d80f0}