vue-ui-wl
Version:
vue component
1 lines • 3.55 kB
CSS
body,html{margin:0;padding:0;background-color:#fbf9fe}.clearfix{zoom:1}.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both}.content{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;overflow:hidden}.w400{width:400px}.mgb10{margin-bottom:10px}.l30{line-height:30px}.h60{height:60px}.btm10{bottom:10px}.bd-red{border:1px solid #c33327}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.eot);src:url(//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.woff) format("woff"),url(//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.ttf) format("truetype"),url(//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.svg#iconfont) format("svg")}[class*=" icon-"],[class^=icon-]{font-family:iconfont;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-warn:before{content:"\E600"}.icon-cancel:before{content:"\E666"}.icon-avator:before{content:"\E614"}.icon-beauty:before{content:"\E609"}.icon-right:before{content:"\E613"}.icon-popups:before{content:"\E690"}.icon-loading:before{content:"\E615"}.icon-tabbar:before{content:"\E656"}.icon-inputs:before{content:"\E627"}.icon-toast:before{content:"\E6C5"}.icon-cell:before{content:"\E62D"}.icon-buttons:before{content:"\E694"}.icon-btn-loading:before{content:"\E60A"}.icon-page:before{content:"\E62E"}.icon-switchs:before{content:"\E6D1"}.icon-folder:before{content:"\E6A0"}.icon-up:before{content:"\E644"}.icon-down:before{content:"\E643"}.icon-progress:before{content:"\E60B"}.icon-inputNum:before{content:"\E61B"}.icon-plus:before{content:"\E62B"}.icon-minus:before{content:"\E634"}.icon-step:before{content:"\E618"}.icon-step-yes:before{content:"\E64A"}.icon-step-no:before{content:"\E604"}.content[data-v-303259fd]{padding:50px}.progress-bar-outer[data-v-303259fd]{margin:20px;float:left}i[data-v-195d633b]{font-style:normal}.progress-bar[data-v-195d633b]{position:relative;text-align:left}.bg-gray[data-v-195d633b]{background-color:#e6e6e6}.progress-inner[data-v-195d633b]{display:inline-block;height:100%;text-align:right;box-sizing:border-box;top:0;position:absolute}.progress-bar i[data-v-195d633b]{color:#fff;font-size:12px;line-height:20px;position:absolute;vertical-align:middle;width:32px}.progress-bar .top[data-v-195d633b]{top:-20px;color:#333;left:50%;margin-left:-16px;text-align:center}.progress-bar .inner[data-v-195d633b]{margin-left:-40px;top:50%;margin-top:-10px;text-align:right}.progress-bar .bottom[data-v-195d633b]{bottom:-20px;color:#333;left:50%;margin-left:-16px}.progress-bar .left[data-v-195d633b]{left:-36px;color:#333;text-align:right;box-sizing:border-box;top:50%;margin-top:-10px}.progress-bar .right[data-v-195d633b]{right:-36px;color:#333;text-align:left;box-sizing:border-box;top:50%;margin-top:-10px}.bg-red[data-v-195d633b]{background-color:red}.bg-yellow[data-v-195d633b]{background-color:#ff0}.bg-blue[data-v-195d633b]{background-color:blue}.bg-green[data-v-195d633b]{background-color:green}circle[data-v-195d633b]{transition:stroke-dasharray .25s}.progress-circle[data-v-195d633b]{position:relative}.progress-circle i[data-v-195d633b]{position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-25px;width:50px;height:30px;font-size:12px;line-height:30px;text-align:center}