From ecb1611cc048d43d6e7d838c63c12c49b8157ef5 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Wed, 11 Mar 2026 15:06:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E7=9A=84=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../goods/components/GoodPackage/index.vue    | 15 +++++++-------
 .../components/GoodPackage/styles/index.scss  | 20 +++++++++++++++++++
 src/pages/goods/index.vue                     |  2 +-
 3 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/goods/components/GoodPackage/styles/index.scss

diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
index 41db35f..90d8af1 100644
--- a/src/pages/goods/components/GoodPackage/index.vue
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -5,13 +5,14 @@
         title="套餐包含内容"
     />
     <view class="flex flex-items-start flex-col"
-        v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
-        .commodityPurchaseInstructionModuleEntityList"
-        :key="index"
+        v-for="(item, index) in goodsData.commodityPackageConfig" :key="index"
     >
-        <text class="ml-4 font-size-14 color-171717 line-height-20">
-        {{ moduleItem.moduleTitle }}
-        </text>
+        <view class="title-row ml-4 mb-4">
+          <text class="left font-size-14 color-171717">{{ item.name }}</text>
+          <view class="sep" aria-hidden="true"></view>
+          <text class="right font-size-14 color-171717">{{ item.count }}</text>
+        </view>
+        
     </view>
   </view>
 </template>
@@ -34,5 +35,5 @@ const props = defineProps({
 </script>
 
 <style scoped lang="scss">
-
+@import "./styles/index.scss";
 </style>
diff --git a/src/pages/goods/components/GoodPackage/styles/index.scss b/src/pages/goods/components/GoodPackage/styles/index.scss
new file mode 100644
index 0000000..dbc2721
--- /dev/null
+++ b/src/pages/goods/components/GoodPackage/styles/index.scss
@@ -0,0 +1,20 @@
+.title-row {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.title-row .left,
+.title-row .right {
+  white-space: nowrap;
+  flex: 0 0 auto;
+}
+
+.title-row .sep {
+  flex: 1 1 auto;
+  height: 1px;
+  margin: 0 8px;
+  background-image: repeating-linear-gradient(to right, #CACFD8 0 10px, transparent 10px 16px);
+  background-repeat: repeat-x;
+  background-position: center;
+}
\ No newline at end of file
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index c3ed929..c7a4273 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -34,7 +34,7 @@
           :nights="selectedDate.totalDays"
         />
 
-        <GoodPackage :goodsData="goodsData" />
+        <GoodPackage v-if="goodsData.commodityPackageConfig && goodsData.commodityPackageConfig.length > 0" :goodsData="goodsData" />
 
         <!-- 商品设施组件 -->
         <GoodFacility :goodsData="goodsData" />