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

pages/order/components/OrderInfo/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="order-info">
+    <view class="order-item">
+      <text class="label">订单号</text>
+      <text class="value">HUSUWF29387865</text>
+    </view>
+    <view class="order-item">
+      <text class="label">流水号</text>
+      <text class="value">76487829387865</text>
+    </view>
+    <view class="order-item">
+      <text class="label">支付方式</text>
+      <text class="value">微信</text>
+    </view>
+    <view class="order-item amount">
+      <text class="label">实际支付金额</text>
+      <text class="value">¥31.8</text>
+    </view>
+    <button class="reserve-button">再次预定</button>
+    <text class="feedback">投诉反馈</text>
+  </view>
+</template>
+
+<script setup>
+// No dynamic data required for this static example
+</script>
+
+<style scoped>
+@import './styles/index.scss';
+</style>