摸大红支持购物车多选一起结账

下单支持多商品行快照与一次支付;支付后整单复制文案,前台提供购物车加购与结账。
This commit is contained in:
yml2213
2026-07-16 20:58:39 +08:00
parent e241607535
commit 183351a297
17 changed files with 1159 additions and 117 deletions
@@ -127,14 +127,25 @@ async function copyText() {
</div>
<div>
<h2>{{ order.product_title }}</h2>
<p>
<p v-if="!order.items?.length">
¥{{ order.unit_price || formatCent(order.unit_price_cent) }} × {{ order.quantity }}
{{ order.product_unit }}
</p>
<p v-else> {{ order.items.length }} · {{ order.quantity }} </p>
<strong>合计 ¥{{ order.amount || formatCent(order.amount_cent) }}</strong>
</div>
</section>
<section v-if="order.items?.length" class="panel">
<h3>商品明细</h3>
<div v-for="item in order.items" :key="item.product_id" class="item-row">
<span>{{ item.title }}</span>
<em
>×{{ item.quantity }} · ¥{{ item.amount || formatCent(item.amount_cent) }}</em
>
</div>
</section>
<section v-if="order.copy_text" class="panel">
<div class="copy-head">
<h3>订单信息发给客服</h3>
@@ -272,6 +283,23 @@ async function copyText() {
.product-panel strong {
color: #ff6a00;
}
.item-row {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #f1f5f9;
font-size: 13px;
color: #0f172a;
}
.item-row:last-child {
border-bottom: 0;
}
.item-row em {
font-style: normal;
color: #64748b;
white-space: nowrap;
}
.copy-head {
display: flex;
align-items: center;