mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 1.02 kB
CSS
.md-cashier-channel-item{float:left;width:100%;position:relative;padding:2.66667vw 5.33333vw 2.66667vw 0;box-sizing:border-box}.md-cashier-channel-item .item-icon,.md-cashier-channel-item .item-image{position:relative;float:left;width:4.26667vw;height:4.26667vw;margin:0.8vw 0}.md-cashier-channel-item .item-image img{float:left;width:100%}.md-cashier-channel-item .item-label{float:left;margin-left:1.6vw}.md-cashier-channel-item .item-label .title{font-size:4vw;color:#41485d}.md-cashier-channel-item .item-label .title .title-active{padding-left:1.6vw;font-size:3.73333vw;color:#198cff}.md-cashier-channel-item .item-label .desc{margin-top:1.06667vw;font-size:3.2vw;color:#858b9c}.md-cashier-channel-item .item-check-icon{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.md-cashier-channel-item .item-check-icon .md-icon{display:-webkit-box;display:-webkit-flex;display:flex;color:#c5cad5}.md-cashier-channel-item .item-check-icon .md-icon.md-icon-checked{color:#198cff}