diff --git a/src/pages-service/tickets/components/ProductDetail.vue b/src/pages-service/tickets/components/ProductDetail.vue
new file mode 100644
index 0000000..ffa855c
--- /dev/null
+++ b/src/pages-service/tickets/components/ProductDetail.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+ 商品详情
+
+
+
+
+
+
+
+
+ {{ product.shortTitle }}
+ {{ product.name }}
+
+ {{ highlight }}
+
+
+ 已售 {{ product.sold || 0 }}
+
+ ¥{{ product.marketPrice }}
+ ¥{{ product.salePrice }}
+
+
+
+
+
+ 费用包含
+ · {{ item }}
+ 以商品说明为准
+
+
+
+ 费用不含
+ · {{ item }}
+ 无
+
+
+
+ 商品详情
+ {{ product.detail || product.description || '暂无商品详情' }}
+
+
+
+ 购买须知
+ {{ product.purchaseNotice || '请以实际预约规则为准。' }}
+
+
+
+
+
+
+ 优惠价
+ ¥{{ product.salePrice }}起
+
+
+ 去预订
+
+
+
+
+
+
+
diff --git a/src/pages-service/tickets/components/TicketHome.vue b/src/pages-service/tickets/components/TicketHome.vue
new file mode 100644
index 0000000..0f97ab0
--- /dev/null
+++ b/src/pages-service/tickets/components/TicketHome.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scenicSpot.name }}
+ {{ scenicSpot.level }}｜{{ scenicSpot.heritage }}
+
+
+ {{ scenicSpot.address }}
+
+
+
+
+ {{ scenicSpot.phone }}
+
+
+
+ 导航
+
+
+
+
+
+
+
+
+
+
+ {{ group.name }}
+
+
+
+
+
+
+
+ {{ group.name }}
+ {{ group.tag }}
+
+ {{ group.description }}
+
+
+
+
+
+ {{ product.shortTitle || product.name }}
+
+ {{ ageRuleText(product.ageRule) }}
+ {{ highlight }}
+
+
+
+ 已售 {{ product.sold || 0 }}
+ ¥{{ product.salePrice }}起
+
+
+ 选购
+
+
+
+
+
+
+ 暂无可售商品
+
+
+
+
+
+
+
+
+
+