feat(assoc): v4.0.1 合伙人关联码、分佣账单与 H5 用户管理
订单佣金只认关联用户；合伙人备注写入独立表；H5 增加用户管理与首页统计。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,88 @@
|
||||
/* 好客权益口号条 / 说明卡（多页共用） */
|
||||
.benefit-slogan-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px 12px;
|
||||
border-radius: 10px;
|
||||
background: #fff8e6;
|
||||
border: 1px solid rgba(201, 162, 62, 0.55);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.benefit-slogan-bar-accent {
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
border-radius: 2px;
|
||||
background: #c9a23e;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.benefit-slogan-bar-text {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
line-height: 20px;
|
||||
color: #8b1a1a;
|
||||
}
|
||||
|
||||
.benefit-intro-card {
|
||||
padding: 14px;
|
||||
border-radius: 12px;
|
||||
background: #fff8e6;
|
||||
border: 1px solid rgba(201, 162, 62, 0.55);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.benefit-intro-card-title {
|
||||
display: block;
|
||||
font-family: var(--font-headline);
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 22px;
|
||||
color: #8b1a1a;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.benefit-intro-card-body {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 1.7;
|
||||
color: #8b1a1a;
|
||||
}
|
||||
|
||||
.benefit-intro-card-em {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.benefit-intro-card-link {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #8b1a1a;
|
||||
}
|
||||
|
||||
.benefit-intro-card--accent {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.benefit-intro-card-bar {
|
||||
width: 5px;
|
||||
flex-shrink: 0;
|
||||
align-self: stretch;
|
||||
background: #c9a23e;
|
||||
}
|
||||
|
||||
.benefit-intro-card-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
@@ -11,13 +11,6 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.benefit-header__content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.benefit-header-title {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -39,34 +32,6 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.benefit-header-city {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--color-heritage-red);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
max-width: 30vw;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.benefit-header__share .page-nav-bar__btn {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.benefit-header__share .page-nav-bar__icon {
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.benefit-header-city-pin {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--color-heritage-red);
|
||||
margin-right: 4px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.benefit-main {
|
||||
padding: 16px var(--space-page) 24px;
|
||||
}
|
||||
@@ -83,9 +48,6 @@
|
||||
}
|
||||
|
||||
.benefit-hero-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@@ -117,36 +79,32 @@
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.benefit-hero-logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 12px;
|
||||
background: rgba(166, 29, 36, 0.08);
|
||||
.benefit-hero-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--color-heritage-red);
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.benefit-hero-logo-img {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
display: block;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.benefit-hero-cta {
|
||||
flex: 1;
|
||||
height: 44px;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--color-heritage-red);
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.benefit-hero-cta--primary {
|
||||
background: var(--color-heritage-red);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.benefit-hero-cta--secondary {
|
||||
background: rgba(166, 29, 36, 0.08);
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.benefit-tabs {
|
||||
@@ -267,7 +225,21 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.benefit-coupon-btn--ghost {
|
||||
background: rgba(166, 29, 36, 0.08);
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.benefit-intro-card--page {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.benefit-intro-card--page .benefit-intro-card-body {
|
||||
font-size: 11px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.benefit-login-gate {
|
||||
padding: 48px 24px;
|
||||
padding: 16px var(--space-page) 48px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -51,6 +51,10 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
.home-slogan-wrap {
|
||||
margin: 10px var(--space-page) 0;
|
||||
}
|
||||
|
||||
.home-aroma-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -175,6 +179,7 @@
|
||||
}
|
||||
|
||||
.home-product-thumb-wrap {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
width: 88px;
|
||||
height: 88px;
|
||||
@@ -183,6 +188,60 @@
|
||||
background: var(--color-surface-container);
|
||||
}
|
||||
|
||||
.home-benefit-ribbon-clip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.home-benefit-ribbon {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
left: -18px;
|
||||
width: 86px;
|
||||
height: 18px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 3px;
|
||||
overflow: hidden;
|
||||
background: #8b1a20;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.home-benefit-ribbon-dk {
|
||||
flex-shrink: 0;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 1px;
|
||||
/* background: #fff; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.home-benefit-ribbon-dk-icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.home-benefit-ribbon-num {
|
||||
flex-shrink: 0;
|
||||
color: #dcb46f;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 18px;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.home-product-thumb {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -241,6 +300,36 @@
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.home-product-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.home-gift-tag,
|
||||
.home-benefit-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 2px 8px;
|
||||
border-radius: 2px;
|
||||
font-family: var(--font-label);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.02em;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-gift-tag {
|
||||
background: var(--color-aged-amber);
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.home-benefit-tag {
|
||||
background: rgba(166, 29, 36, 0.1);
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.home-product-actions {
|
||||
margin-top: auto;
|
||||
padding-top: 4px;
|
||||
|
||||
@@ -42,3 +42,81 @@
|
||||
color: #3d3530;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.benefit-rules-summary {
|
||||
padding: 14px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(90deg, #fff8e6 0%, #fff3cc 100%);
|
||||
border: 1px solid rgba(201, 162, 62, 0.55);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.benefit-rules-summary-text {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 1.75;
|
||||
color: #3d3530;
|
||||
}
|
||||
|
||||
.benefit-rules-section {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
padding: 14px;
|
||||
margin-bottom: 12px;
|
||||
box-shadow: 0 4px 16px rgba(166, 29, 36, 0.04);
|
||||
}
|
||||
|
||||
.benefit-rules-heading-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.benefit-rules-heading-bar {
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
border-radius: 2px;
|
||||
background: var(--color-heritage-red, #a61d24);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.benefit-rules-heading {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #1f1a17;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.benefit-rules-paragraph {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: 1.75;
|
||||
color: #3d3530;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.benefit-rules-em {
|
||||
color: var(--color-heritage-red, #a61d24);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.benefit-rules-phone {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 1.4;
|
||||
color: var(--color-heritage-red, #a61d24);
|
||||
}
|
||||
|
||||
.benefit-rules-footer {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 16px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
.mine-header {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
z-index: 1;
|
||||
padding: 16px var(--space-page) 44px;
|
||||
background: linear-gradient(135deg, #820012 0%, var(--color-heritage-red) 40%, #d4a373 100%);
|
||||
overflow: visible;
|
||||
@@ -34,12 +34,10 @@
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.mine-avatar-wrap {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
flex-shrink: 0;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -162,7 +160,7 @@
|
||||
.mine-main {
|
||||
margin-top: -28px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
z-index: 5;
|
||||
padding: 0 var(--space-page) 0;
|
||||
}
|
||||
|
||||
@@ -185,6 +183,12 @@
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mine-benefit-slogan {
|
||||
position: relative;
|
||||
z-index: 6;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mine-card-title {
|
||||
font-family: var(--font-headline);
|
||||
font-size: 15px;
|
||||
@@ -356,7 +360,7 @@
|
||||
margin-bottom: 8px;
|
||||
padding: 16px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
z-index: 5;
|
||||
background: var(--color-card);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-card);
|
||||
|
||||
@@ -176,6 +176,27 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.order-qty-input {
|
||||
width: 52px;
|
||||
height: 32px;
|
||||
margin: 0 4px 0 8px;
|
||||
padding: 0 4px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--color-on-surface);
|
||||
background: var(--color-surface-container-low);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.order-qty-unit {
|
||||
margin-right: 8px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--color-on-surface);
|
||||
}
|
||||
|
||||
.order-qty-hint {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
|
||||
@@ -88,6 +88,10 @@
|
||||
padding: var(--space-md) var(--space-page) var(--space-lg);
|
||||
}
|
||||
|
||||
.product-detail-benefit-intro {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.product-detail-price {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
||||
@@ -328,17 +328,247 @@
|
||||
color: var(--color-subtle-gray);
|
||||
}
|
||||
|
||||
.redeem-success-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
.review-page-body {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
.review-store-card,
|
||||
.review-card {
|
||||
margin: 0 var(--space-page) 12px;
|
||||
padding: 14px;
|
||||
background: var(--color-card);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-card);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.review-store-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.review-store-cover {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 8px;
|
||||
flex-shrink: 0;
|
||||
background: var(--color-surface-container);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.review-store-cover--empty {
|
||||
background: var(--color-surface-container);
|
||||
}
|
||||
|
||||
.review-store-meta {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.review-store-name {
|
||||
display: block;
|
||||
font-family: var(--font-headline);
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 22px;
|
||||
color: var(--color-on-surface);
|
||||
}
|
||||
|
||||
.review-store-visit {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: var(--color-subtle-gray);
|
||||
}
|
||||
|
||||
.review-card-title {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-family: var(--font-headline);
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: var(--color-on-surface);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.review-star-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.review-star {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #d8d8d8;
|
||||
}
|
||||
|
||||
.review-star--active {
|
||||
color: #f5a623;
|
||||
}
|
||||
|
||||
.review-score-label {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: var(--color-heritage-red);
|
||||
}
|
||||
|
||||
.review-section-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.review-section-bar {
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
border-radius: 2px;
|
||||
background: var(--color-heritage-red);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.review-section-title {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: var(--color-on-surface);
|
||||
}
|
||||
|
||||
.review-tag-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.review-tag {
|
||||
padding: 6px 12px;
|
||||
border-radius: 999px;
|
||||
background: #f3f0ee;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.review-tag--active {
|
||||
background: rgba(166, 29, 36, 0.1);
|
||||
color: var(--color-heritage-red);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.review-comment {
|
||||
width: 100%;
|
||||
min-height: 96px;
|
||||
padding: 12px;
|
||||
border-radius: 10px;
|
||||
background: #f7f4ef;
|
||||
box-sizing: border-box;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: var(--color-on-surface);
|
||||
}
|
||||
|
||||
.review-comment--native {
|
||||
border: none;
|
||||
outline: none;
|
||||
resize: none;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.review-photos {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.review-photo {
|
||||
position: relative;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
background: #f3f0ee;
|
||||
}
|
||||
|
||||
.review-photo-img {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
}
|
||||
|
||||
.review-photo-remove {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background: rgba(45, 106, 79, 0.12);
|
||||
color: var(--color-success-green);
|
||||
font-size: 40px;
|
||||
background: rgba(0, 0, 0, 0.55);
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.review-photo-add {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border-radius: 8px;
|
||||
border: 1px dashed #d0c8b8;
|
||||
background: #faf7f2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.review-photo-add-plus {
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
color: #b09a78;
|
||||
}
|
||||
|
||||
.review-photo-add-text {
|
||||
font-size: 10px;
|
||||
color: #b09a78;
|
||||
}
|
||||
|
||||
.review-skip {
|
||||
display: block;
|
||||
margin: 4px var(--space-page) 8px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: var(--color-subtle-gray);
|
||||
}
|
||||
|
||||
.review-submit {
|
||||
margin: 8px var(--space-page) 8px;
|
||||
height: 48px;
|
||||
border-radius: 999px;
|
||||
background: var(--color-heritage-red);
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 48px auto 16px;
|
||||
}
|
||||
|
||||
.review-submit--disabled {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.review-disclaimer {
|
||||
display: block;
|
||||
margin: 0 var(--space-page) 16px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
color: var(--color-subtle-gray);
|
||||
}
|
||||
|
||||
.redeem-success-title {
|
||||
|
||||
@@ -95,17 +95,54 @@
|
||||
z-index: 2;
|
||||
background: var(--color-card);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 20px 16px;
|
||||
padding: 16px;
|
||||
box-shadow: var(--shadow-card);
|
||||
}
|
||||
|
||||
.store-detail-title-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.store-detail-name {
|
||||
display: block;
|
||||
font-family: var(--font-headline);
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: var(--color-ink-black);
|
||||
margin-bottom: 8px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.store-detail-rating-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.store-detail-stars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.store-detail-star {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.store-detail-star--on {
|
||||
color: #e8b84a;
|
||||
}
|
||||
|
||||
.store-detail-redeem {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--color-heritage-red);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.store-detail-meta {
|
||||
@@ -148,52 +185,73 @@
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.store-detail-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.store-detail-tag {
|
||||
padding: 4px 10px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
background: rgba(166, 29, 36, 0.08);
|
||||
color: var(--color-heritage-red);
|
||||
font-size: 11px;
|
||||
font-weight: 500;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.store-detail-marquee-wrap {
|
||||
margin: 0 var(--space-page) 12px;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.store-detail-marquee {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 8px;
|
||||
background: #fff7f6;
|
||||
border: 1px solid rgba(166, 29, 36, 0.12);
|
||||
padding: 0 10px;
|
||||
border-radius: 999px;
|
||||
background: #faf6ee;
|
||||
border: 1px solid rgba(201, 162, 62, 0.4);
|
||||
overflow: hidden;
|
||||
height: 40px;
|
||||
height: 32px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.store-detail-marquee-swiper {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.store-detail-marquee-inner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
height: 32px;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.store-detail-marquee-dot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: #e8a317;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.store-detail-marquee-text {
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #5a413f;
|
||||
}
|
||||
|
||||
.store-detail-marquee-amount {
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-weight: 700;
|
||||
color: #a61d24;
|
||||
}
|
||||
|
||||
.benefit-intro-card.store-detail-benefit-intro {
|
||||
margin: 0 var(--space-page) 16px;
|
||||
background: #fffaf0;
|
||||
border-color: rgba(201, 162, 62, 0.4);
|
||||
}
|
||||
|
||||
.store-detail-section {
|
||||
background: var(--color-card);
|
||||
margin: 0 var(--space-page) 16px;
|
||||
@@ -203,15 +261,28 @@
|
||||
}
|
||||
|
||||
.store-detail-section-title {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.store-detail-section-title-bar {
|
||||
width: 3px;
|
||||
height: 14px;
|
||||
border-radius: 1px;
|
||||
background: var(--color-heritage-red, #a61d24);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.store-detail-section-title-text {
|
||||
font-family: var(--font-headline);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
color: var(--color-on-surface);
|
||||
}
|
||||
|
||||
.store-detail-section-title--rule {
|
||||
.store-detail-section-title--rule .store-detail-section-title-text {
|
||||
color: var(--color-heritage-red, #a61d24);
|
||||
}
|
||||
|
||||
|
||||
@@ -3,6 +3,10 @@
|
||||
background: var(--color-background);
|
||||
}
|
||||
|
||||
.store-slogan-wrap {
|
||||
padding: 0 var(--space-page) 10px;
|
||||
}
|
||||
|
||||
.store-filter {
|
||||
padding: 0 var(--space-page) 12px;
|
||||
}
|
||||
@@ -46,8 +50,8 @@
|
||||
|
||||
.store-search-btn {
|
||||
flex-shrink: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 0 16px;
|
||||
border-radius: var(--radius-md);
|
||||
background: var(--color-heritage-red);
|
||||
color: #fff;
|
||||
@@ -56,26 +60,11 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.store-search-icon {
|
||||
position: relative;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid currentColor;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.store-search-icon::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
bottom: -4px;
|
||||
width: 7px;
|
||||
height: 2px;
|
||||
background: currentColor;
|
||||
border-radius: 1px;
|
||||
transform: rotate(45deg);
|
||||
transform-origin: left center;
|
||||
.store-search-btn-text {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.store-filter-row {
|
||||
@@ -148,7 +137,7 @@
|
||||
.store-card {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
padding: 12px;
|
||||
box-sizing: border-box;
|
||||
@@ -195,7 +184,7 @@
|
||||
min-height: 96px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-start;
|
||||
gap: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -226,6 +215,57 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.store-card-tags {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.store-card-tag {
|
||||
flex-shrink: 0;
|
||||
padding: 1px 6px;
|
||||
border-radius: 999px;
|
||||
background: rgba(166, 29, 36, 0.1);
|
||||
color: var(--color-heritage-red);
|
||||
font-size: 10px;
|
||||
font-weight: 500;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.store-card-row--rating {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.store-card-stars {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.store-card-star {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.store-card-star--on {
|
||||
color: #e8b84a;
|
||||
}
|
||||
|
||||
.store-card-redeem {
|
||||
flex-shrink: 0;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
line-height: 16px;
|
||||
color: var(--color-heritage-red);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 第2行：地址最多两行 + 右对齐距离 */
|
||||
.store-card-row--mid {
|
||||
gap: 8px;
|
||||
@@ -289,3 +329,7 @@
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.store-sort-sheet {
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user