时舟年
32 lines
2.4 KiB
CSS
32 lines
2.4 KiB
CSS
/**
|
|
* 与个人中心首页 coupon-section 一致的渐变卡片背景
|
|
* 使用 SVG 背景，兼容微信小程序（CSS 变量渐变在部分端不生效）
|
|
*/
|
|
|
|
.mi-gradient-blue,
|
|
.coupon-section__points,
|
|
.mi-mod-points-hero,
|
|
.bt-hero,
|
|
.bt-score-card,
|
|
.mi-mod-referral-hero {
|
|
background-color: #0B2B4B;
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20174%20106'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(-0.7071%2C%200.7071%2C%20-0.7071%2C%20-0.7071%2C%201.2071%2C%200.5000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(11%2C43%2C75%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(26%2C74%2C111%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
|
|
box-shadow: 0px 4px 8px 0px rgba(11, 43, 75, 0.25);
|
|
}
|
|
|
|
.mi-gradient-orange,
|
|
.coupon-section__coupon,
|
|
.mi-mod-coupon__left,
|
|
.mi-mod-coupon__use,
|
|
.mi-center-coupon__btn:not(.mi-center-coupon__btn--done),
|
|
.bt-page__action-link--primary,
|
|
.bt-btn--primary {
|
|
background-color: #FF6B35;
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20174%20106'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(-0.7071%2C%200.7071%2C%20-0.7071%2C%20-0.7071%2C%201.2071%2C%200.5000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(255%2C107%2C53%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C140%2C90%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
|
|
box-shadow: 0px 4px 8px 0px rgba(255, 107, 53, 0.25);
|
|
}
|