摸大红支持购物车多选一起结账
下单支持多商品行快照与一次支付;支付后整单复制文案,前台提供购物车加购与结账。
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user