From 05cc24d5f305de962a63f830f4fa503bee1527ec Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Tue, 10 Mar 2026 23:27:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A5=97=E9=A4=90=E5=8C=85=E5=90=AB?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../goods/components/GoodFacility/index.vue   |  2 +-
 .../goods/components/GoodPackage/index.vue    | 38 +++++++++++++++++++
 src/pages/goods/index.vue                     |  3 ++
 3 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/goods/components/GoodPackage/index.vue

diff --git a/src/pages/goods/components/GoodFacility/index.vue b/src/pages/goods/components/GoodFacility/index.vue
index e92f487..c97f566 100644
--- a/src/pages/goods/components/GoodFacility/index.vue
+++ b/src/pages/goods/components/GoodFacility/index.vue
@@ -15,7 +15,7 @@
           <uni-icons fontFamily="znicons" size="20" color="#171717">
             {{ zniconsMap[moduleItem.icon] }}
           </uni-icons>
-          <text class="font-size-12 color-171717 line-height-20">
+          <text class="ml-4 font-size-12 color-171717 line-height-20">
             {{ moduleItem.title }}
           </text>
         </view>
diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
new file mode 100644
index 0000000..41db35f
--- /dev/null
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -0,0 +1,38 @@
+<template>
+  <view class="border-box border-top-8 pl-12 pr-12">
+    <ModuleTitle
+        v-if="showTitle"
+        title="套餐包含内容"
+    />
+    <view class="flex flex-items-start flex-col"
+        v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
+        .commodityPurchaseInstructionModuleEntityList"
+        :key="index"
+    >
+        <text class="ml-4 font-size-14 color-171717 line-height-20">
+        {{ moduleItem.moduleTitle }}
+        </text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import ModuleTitle from "@/components/ModuleTitle/index.vue";
+import { defineProps } from "vue";
+
+// Props定义
+const props = defineProps({
+  goodsData: {
+    type: Object,
+    default: () => ({}),
+  },
+  showTitle: {
+    type: Boolean,
+    default: true,
+  },
+});
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 4452271..c3ed929 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -34,6 +34,8 @@
           :nights="selectedDate.totalDays"
         />
 
+        <GoodPackage :goodsData="goodsData" />
+
         <!-- 商品设施组件 -->
         <GoodFacility :goodsData="goodsData" />
 
@@ -87,6 +89,7 @@ import LocationCard from "@/components/LocationCard/index.vue";
 import DateSelector from "./components/DateSelector/index.vue";
 import GoodDetail from "@/components/GoodDetail/index.vue";
 import GoodFacility from "./components/GoodFacility/index.vue";
+import GoodPackage from "./components/GoodPackage/index.vue";
 import { useSelectedDateStore } from "@/store";
 
 // 导航栏透明度 - 默认透明，随滚动变为不透明