lulouis-vant/lib/coupon/index.css

Lightweight Mobile UI Components built on Vue

.van-coupon{overflow:hidden;border-radius:4px;margin:0 15px 15px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#e8e8e8}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;height:100px;padding:24px 0 0 15px;box-sizing:border-box}.van-coupon h2,.van-coupon p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon h2{height:34px;font-weight:500;line-height:34px}.van-coupon p{font-size:12px;line-height:16px;color:#969799}.van-coupon__head{position:relative;min-width:95px}.van-coupon__head h2{color:#f44;font-size:24px}.van-coupon__head h2 span{font-size:50%}.van-coupon__head p{white-space:pre-wrap}.van-coupon__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;border-radius:0 4px 4px 0}.van-coupon__body h2{font-size:16px}.van-coupon__corner{top:16px;right:15px;position:absolute}.van-coupon__corner .van-icon{border-color:#f44;background-color:#f44}.van-coupon__description{padding:7px 15px;border-top:1px dashed #ebedf0;background-color:#fafafa}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:90px}.van-coupon--disabled h2,.van-coupon--disabled p,.van-coupon--disabled span{color:#969799}