feat:订单详情页面组件封装

pages/order/components/GoodsInfo/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <view class="goods-info mb12">
+    <view class="hotel-header">
+      <image class="hotel-icon" src="./images/icon_house.png"></image>
+      <text class="hotel-name">天沐温泉酒店</text>
+    </view>
+    <view class="goods-detail">
+      <image class="goods-image" :src="goodsImage"></image>
+      <view class="goods-description">
+        <text class="goods-title">温泉早鸟票</text>
+        <text class="goods-date">预定时间：5月1日</text>
+      </view>
+    </view>
+    <view class="included-services">
+      <text class="services-title">包含服务</text>
+      <view class="service-item">
+        <text class="service-name">· 精致下午茶</text>
+        <text class="service-quantity">1份</text>
+      </view>
+      <view class="service-item">
+        <text class="service-name">· 接机或接站</text>
+        <text class="service-quantity">1份</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const goodsImage = 'https://example.com/path/to/image.jpg'; // Replace with actual image URL
+</script>
+
+<style scoped lang="scss">
+@import './styles/index.scss';
+</style>