captain-ui/es/member-card/index.css

有赞vue wap业务组件库

.cap-member-card{position:relative;display:block;width:100%;height:80px;background-color:#0a0;border-radius:6px 6px 0 0;color:#fff}.cap-member-card__shop-info--logo{position:absolute;top:14px;left:20px;width:20px;height:20px;border-radius:50%}.cap-member-card__shop-info--name{padding:14px 80px 0 45px;height:20px;line-height:20px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-member-card__shop-info--no-logo{padding-left:20px}.cap-member-card__card-info--name{margin-left:20px;margin-top:15px;display:inline-block;max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-member-card__card-info--status{position:absolute;right:20px;top:14px;width:50px;height:20px;line-height:20px;background-color:hsla(0,0%,100%,.1);border-radius:10px;font-size:12px;text-align:center}.cap-member-card__card-info--status-disabled{color:hsla(0,0%,100%,.3)}.cap-member-card__card-info--expiry-date{float:right;margin-top:15px;margin-right:20px;font-size:12px}.cap-member-card__card-info--default{position:absolute;right:0;top:16px;width:60px;height:24px;line-height:24px;background-color:#faad2d;text-align:center;font-size:12px;border-radius:12px 0 0 12px;text-indent:5px}