@antmjs/vantui/lib/card/index.css

一套适用于Taro3及React的vantui组件库

:root,page{--primary-color:#07c160}.van-card{position:relative;box-sizing:border-box;padding:16px 32px;padding:var(--card-padding,16px 32px);font-size:24px;font-size:var(--card-font-size, 24px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__header--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-box-flex:0;-webkit-flex:none;flex:none;width:176px;width:var(--card-thumb-size,176px);height:176px;height:var(--card-thumb-size,176px);margin-right:16px;margin-right:var(--padding-xs,16px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:16px;border-radius:var(--border-radius-lg,16px)}.van-card__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:176px;min-height:var(--card-thumb-size,176px)}.van-card__content--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:32px;line-height:var(--card-title-line-height, 32px)}.van-card__desc{line-height:40px;line-height:var(--card-desc-line-height, 40px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:40px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:24px;font-size:var(--card-price-font-size, 24px)}.van-card__price-integer{font-size:32px;font-size:var(--card-price-integer-font-size, 32px);font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif)}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif)}.van-card__origin-price{display:inline-block;margin-left:10px;text-decoration:line-through;font-size:20px;font-size:var(--card-origin-price-font-size, 20px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:4px;left:0}.van-card__footer{-webkit-box-flex:0;-webkit-flex:none;flex:none;width:100%;text-align:right}