captain-ui
Version:
有赞vue wap业务组件库
1 lines • 8.28 kB
CSS
.cap-taglist{position:relative;padding-left:80px;background-color:#f2f2f2}.cap-taglist-nav{top:0;left:0;width:80px;overflow-y:auto;position:absolute;padding-bottom:60px;box-sizing:border-box;background-color:#f2f2f2;-webkit-overflow-scrolling:touch}.cap-taglist-nav:after{border-width:0}.cap-taglist-nav .van-sidebar-item{font-size:12px;border-left-width:2px;padding:17px 15px 17px 13px}.cap-taglist-nav .van-sidebar-item--select:after{border-right-width:0}.cap-taglist-nav .van-sidebar-item:first-child:after{border-top-width:1px}.cap-taglist-nav .van-sidebar-item:last-child:after{border-bottom-width:1px}.cap-taglist__group-title{color:#666;font-size:12px;line-height:30px;margin-left:-10px;padding:0 10px 0 15px;background-color:#f8f8f8}.cap-taglist__card h3{font-size:14px;line-height:16px;font-weight:700;color:#333}.cap-taglist__card h3,.cap-taglist__group-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cap-taglist__group{overflow:hidden;padding-left:10px;background-color:#fff;border-left:1px solid #eee}.cap-taglist__card{display:block;height:80px;font-size:14px;position:relative;box-sizing:border-box;padding:10px 15px 10px 70px;border-bottom:1px solid #eee}.cap-taglist__card:last-child{border:none}.cap-taglist__card .van-icon-add{position:absolute;right:5px;bottom:0;width:42px;height:42px;color:#f44;line-height:42px;font-size:22px;text-align:center}.cap-taglist__card .van-loading{width:20px;height:20px;position:absolute;right:16px;bottom:11px}.cap-taglist__card h4{width:110px;color:#f44;display:block;margin-top:8px;font-size:16px;line-height:18px;-webkit-font-smoothing:auto}.cap-taglist__card h4:first-letter{font-size:14px;margin-right:3px}.cap-taglist__card--skeleton h3,.cap-taglist__card--skeleton h4{height:16px;color:transparent;background-color:#f8f8f8}.cap-taglist__sold-out,.cap-taglist__thumb{left:0;top:10px;width:60px;height:60px;position:absolute}.cap-taglist__thumb{background-color:#f8f8f8;background-size:cover;background-repeat:no-repeat;background-position:50%}.cap-taglist__thumb img{top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;position:absolute}.cap-taglist__sold-out{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAO3RSTlMA+QkFEzcxD+3xQiAZ9Fccm99pJKjDzovn2tKt9nRuZLfWh315yb9Oo59ctF8rloJKRuq7Uj3jsI8ok8uCxg0AAAzISURBVGjezFbZkqJAEOwG5RBBRJRDPPEAXXU8xiv//7+2u1EHGGfc62HryTCCqsqszKom/1lUlEP/bCdu95ScY2fe+tf5pdrk5KMU5jQdGP+qQn0wpPgqRuet/PcYBu1HvuV6Ym1r71WlZjlxOjWRhT/+O+YaYy1jZhnXVFKOlmU3IWJm/XEJIxE0aclcykpWrYl3tdOUzf2wyli69KfgER7+TExnUaJ94NnUt81eB0CPzSAMjxH/Gbp9wdPqKuB23n6/Rk/jiWyFT97ZU5izsVVtPEZlvPWSEGiua2JwgrZT4/dKtMS4E67Q+R6YThT5GdhF4qMZs9yycwSgD36nhmMC2DMUaq+JUf+7Drddiu6KoZlEXAG/bBx1CEBbsP76O5xqJB9K9TOeng/3wtDPAOxqv0jVCMCwTogVoFu2QHeZ78a7Tai3g80kPtAB2v+VGu8aQB027iXapbbr3gk4eY2sgnJxdfkuhDjy50z0IYDk9QqwKLBjyS2NEVaOGCzG2W95ygVlZRYSZHUrRHI5C9KLGgcKhAaRUwyfjXsKdB5epQBS9UMtelNh0n9dZU6BvUrq7S+o3U3b+kMDALziMCMGfsFTfFfljQIziaya2nORSHPWxz1Bzx4cJ0VZnuBlhA+/nsvKBNoSqepB6xevQLmXDdYZ5ecv/REAU4koeqfy+0eH4+TwYBPyA4BDnscQONaJooVf1JAvh9h2l7Nl6vW2pc2fpG9Dse/7vMoYoM8J3wC0Sozd6GmNhrOMAHM03S/3oU+BwN7KhY9hkKwKG9QJ8J+lqVLg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") 50% no-repeat rgba(0,0,0,.5);background-size:35px 35px}.cap-taglist__empty{color:#999;font-size:14px;text-align:center;padding:20px 15px 20px 0}.cap-taglist__coupon--wrap{overflow:scroll;white-space:nowrap}.cap-taglist__coupon{display:inline-block;padding:0 10px;position:relative;background-color:#ffe9b7;color:#f39343;height:40px;line-height:40px;margin-right:10px}.cap-taglist__coupon:after,.cap-taglist__coupon:before{content:"";position:absolute;top:0;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAmCAYAAAGZjHqSAAAABGdBTUEAALGPC/xhBQAAAE9JREFUGBlj+P9y+38mBiBAIxh+/PiBQ+Lbx/9M7J+PMTD8IMhiABv/l0UISTHEIqqIMYKMBzmeEeRahn8/gb4AEizfbzCwgF0I89fAqwEA3sCAbzayqjAAAAAASUVORK5CYII=") no-repeat;height:100%;width:6px}.cap-taglist__coupon:before{left:0}.cap-taglist__coupon:after{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.cap-taglist__coupon--main{display:inline-block;margin-right:14px}.cap-taglist__coupon--main-amount{display:inline;font-size:12px}.cap-taglist__coupon--main-amount span{font-size:16px;font-weight:700}.cap-taglist__coupon--main-limit{font-size:10px}.cap-taglist__coupon--btn{display:inline-block;font-size:12px;font-weight:500;border-left:1px dashed #f39343;height:20px;padding-left:8px;line-height:20px;vertical-align:middle}