购物车

shop-app/components/cart/CartItemRow.vue

@@ -13,7 +13,13 @@
 			<image class="cart-item__pic" :src="item.displayPic" mode="aspectFill" />
 			<view class="cart-item__info">
 				<text class="cart-item__name">{{ item.goodsName }}</text>
-				<text class="cart-item__spec">{{ item.specText }}</text>
+				<view v-if="item.specList && item.specList.length" class="cart-item__specs">
+					<text
+						v-for="(spec, specIndex) in item.specList"
+						:key="specIndex"
+						class="cart-item__spec"
+					>{{ spec }}</text>
+				</view>
 				<view class="cart-item__price-row">
 					<text class="cart-item__price">¥{{ item.priceText }}</text>
 					<text v-if="item.invalidLabel" class="cart-item__tag">{{ item.invalidLabel }}</text>
@@ -117,11 +123,16 @@ function onPlus() {
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }
-.cart-item__spec {
-	display: block;
+.cart-item__specs {
 	margin-top: 8rpx;
+	display: flex;
+	flex-direction: column;
+	gap: 4rpx;
+}
+.cart-item__spec {
 	font-size: 24rpx;
 	color: #999;
+	line-height: 1.4;
 }
 .cart-item__price-row {
 	margin-top: 12rpx;

shop-app/constants/cart.js

@@ -15,3 +15,9 @@ export const CART_MSG_CROSS_SHOP = '请选择同一店铺的商品结算'
 
 /** 确认订单预填数据缓存键（待确认订单页读取） */
 export const CART_CHECKOUT_STORAGE_KEY = 'cart_checkout_prepare'
+
+/**
+ * 加购时多条规格拼接、购物车展示拆分的专用分隔符
+ * 选用 §，正常规格文案里几乎不会出现
+ */
+export const CART_SPEC_SEPARATOR = '§'

shop-app/utils/cartDisplay.js

@@ -10,16 +10,9 @@ import {
   CART_INVALID_SHOP_DELETED
 } from '@/constants/cart'
 import { SHOP_STATUS_CLOSED } from '@/constants/shop'
-const GOODS_PLACEHOLDER = '/static/logo.png'
+import { parseCartSpecText } from '@/utils/cartSpec'
 
-/** 纠正历史加购误用 join 产生的 [object Object] 文案 */
-function normalizeCartSpecText(specText) {
-  const text = (specText || '').trim()
-  if (!text || text.includes('[object Object]')) {
-    return '默认'
-  }
-  return text
-}
+const GOODS_PLACEHOLDER = '/static/logo.png'
 
 const INVALID_LABEL_MAP = {
   [CART_INVALID_OUT_OF_STOCK]: '缺货',
@@ -44,7 +37,8 @@ function mapCartItem(row) {
     goodsId: row.goodsId,
     goodsName: row.goodsName || '',
     displayPic: resolveFileUrl(row.mainPic) || GOODS_PLACEHOLDER,
-    specText: normalizeCartSpecText(row.specText),
+    specText: (row.specText || '').trim() || '默认',
+    specList: parseCartSpecText(row.specText),
     salePrice: row.salePrice,
     priceText: formatPrice(row.salePrice),
     quantity: Number(row.quantity) || 1,

shop-app/utils/cartSpec.js

@@ -0,0 +1,34 @@
+import { CART_SPEC_SEPARATOR } from '@/constants/cart'
+
+/**
+ * 详情多条规格 → 加购 specText 字符串
+ * 例：「批次：2024春季§包装：袋装」
+ */
+export function joinCartSpecParts(parts) {
+  if (!Array.isArray(parts) || !parts.length) {
+    return '默认'
+  }
+  const list = parts.map((p) => (p != null ? String(p).trim() : '')).filter(Boolean)
+  return list.length ? list.join(CART_SPEC_SEPARATOR) : '默认'
+}
+
+/**
+ * 购物车 specText → 展示用数组
+ */
+export function parseCartSpecText(specText) {
+  const text = (specText || '').trim()
+  if (!text || text.includes('[object Object]')) {
+    return ['默认']
+  }
+  if (text === '默认') {
+    return ['默认']
+  }
+  if (text.includes(CART_SPEC_SEPARATOR)) {
+    return text.split(CART_SPEC_SEPARATOR).map((s) => s.trim()).filter(Boolean)
+  }
+  // 兼容旧数据用「 / 」拼接的规格
+  if (text.includes(' / ')) {
+    return text.split(' / ').map((s) => s.trim()).filter(Boolean)
+  }
+  return [text]
+}

shop-app/utils/goodsDetail.js

@@ -1,6 +1,7 @@
 import { resolveFileUrl } from '@/utils/image'
 import { formatPrice } from '@/utils/format'
 import { PAGE_GOODS_DETAIL } from '@/utils/pageRoute'
+import { joinCartSpecParts } from '@/utils/cartSpec'
 
 const GOODS_PLACEHOLDER = '/static/logo.png'
 const SHOP_AVATAR_PLACEHOLDER = '/static/logo.png'
@@ -68,8 +69,8 @@ export function mapGoodsDetail(data) {
 }
 
 /**
- * 详情 specDisplay（{ itemName, values[] }）→ 加购/展示用文案
- * 例：「批次：2024春季 / 包装：袋装」
+ * 详情 specDisplay（{ itemName, values[] }）→ 加购 specText
+ * 多条规格用 CART_SPEC_SEPARATOR（§）拼接，购物车再拆开展示
  */
 export function formatSpecDisplayText(specDisplay) {
   if (!Array.isArray(specDisplay) || !specDisplay.length) {
@@ -91,7 +92,7 @@ export function formatSpecDisplayText(specDisplay) {
       return name || valText
     })
     .filter(Boolean)
-  return parts.length ? parts.join(' / ') : '默认'
+  return joinCartSpecParts(parts)
 }
 
 function mapService(row) {