dvant/lib/dvant-css/sku.css

A Vue.js 2.0 Mobile UI at dawnwin modified from Youzan

.van-sku-container{background:#f8f8f8}.van-sku-layout{background:#fff}.van-sku-body{max-height:350px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-group-container{margin-left:15px;padding:12px 0 2px}.van-sku-row-group{margin:0 15px 10px 0}.van-sku-row-group:last-child{margin-bottom:0}.van-sku-header{margin-left:15px}.van-sku-header__img-wrap{position:relative;float:left;margin-top:-10px;width:80px;height:80px;background:#f8f8f8;border-radius:2px}.van-sku-header__img-wrap .van-sku__goods-img{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%}.van-sku-header__goods-info{padding:10px 60px 10px 10px;min-height:82px;overflow:hidden;box-sizing:border-box}.van-sku__goods-name{font-size:12px}.van-sku__price-symbol{font-size:14px;vertical-align:middle}.van-sku__price-num{vertical-align:middle}.van-sku__goods-price{color:#f44;margin-top:10px;font-size:16px;vertical-align:middle}.van-sku__close-icon{position:absolute;top:0;right:0;width:44px;height:44px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAUVBMVEUAAACfn5+bm5uampqZmZmoqKiampqampqZmZmampqampqbm5ubm5uZmZmqqqqampqampqZmZmampqampqampqbm5ubm5uampqdnZ2ampqZmZkjZXmqAAAAGnRSTlMAFYBC5wm+rdPv1Ckl8wzZxKWicm9eUjoN8nSyS9UAAAFVSURBVDjLvZXbrsIgEEWhtAUU6M1a3f//oSeHWKfuVhv7IC+TkJVhz4UZ9bsThq5uYmzqbgifSV04LI4r9Fs0FRHw/WhCugUz9h6IRdpmryVgzfLGWKC8brEF0E58ObVAsUIrC1y2fFwAW9GdhTfb6oyHZQ3+/C7us39VcgXE79o3sIgylayXdZdpIaJVH08rQnTE9BmeEPXsWMK1rV6m01Xz/dO1g5H3nH6yNcoZNnCPPoOXTjplemYlnR4h2wG9YppZ1WPItsOomGZWjeiyrWEU08wqgzrbBkERfWJWBTTZRiTFNLMqIWZ7x43atQYa+lA33EmG5KyB0yyDApT8/uvWFCCnTvIrtKRuLgqzQktRpNzMCi3l5kaymZXqiGS3blGX2Zl2ftGi6+avqtcsUvN/8a2++LCHRsH+kDkwvg4Mxt2Re3yY85pIsiaOLKD91faz8wcoUxux/aS9awAAAABJRU5ErkJggg==);background-size:22px 22px;background-repeat:no-repeat;background-position:7px 10px}.van-sku-row__title{font-size:14px;padding-bottom:10px}.van-sku-row__item{display:inline-block;padding:5px 9px;margin:0 10px 10px 0;height:28px;min-width:52px;line-height:16px;font-size:12px;color:#333;text-align:center;border:1px solid #999;border-radius:3px;box-sizing:border-box}.van-sku-row__item.van-sku-row__item--active{color:#fff;border-color:#f44;background:#f44}.van-sku-row__item.van-sku-row__item--disabled{background:#e8e8e8;border-color:#e5e5e5;color:#c9c9c9}.van-sku-stepper-stock{padding:12px 0;margin-left:15px}.van-sku-stepper-container{height:30px;margin-right:20px}.van-sku__stepper{top:7px;left:4px;float:right}.van-sku__stepper-title{float:left;line-height:30px;font-size:14px}.van-sku__stock{display:inline-block;margin-right:10px;color:#999;font-size:12px}.van-sku__quota{display:inline-block;color:#f44;font-size:12px}.van-sku-messages__image-cell .van-cell__title{width:90px}.van-sku-messages__image-cell .van-cell__value{text-align:left}.van-sku-img-uploader{display:inline-block}.van-sku-img-uploader__header{padding:0 10px;border:1px solid #e5e5e5;line-height:24px;border-radius:3px;font-size:12px}.van-sku-img-uploader__header .van-icon{top:3px;margin-right:5px;font-size:14px}.van-sku-img-uploader__imglist::after{content:'';display:table;clear:both}.van-sku-img-uploader__img-container{height:60px;width:60px;margin-top:10px;margin-right:10px;float:left;position:relative;border:#e5e5e5 1px solid}.van-sku-img-uploader__img-container img{max-width:100%;max-height:100%;top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-sku-img-uploader__delete-picture{position:absolute;color:#f44;top:-10px;right:-17px;z-index:1;width:22px;height:22px}.van-sku-img-uploader__uploading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:20px;height:20px}.van-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:10px}