feat: 新增字体图标

pages/order/components/OrderStatusInfo/index.vue

@@ -1,19 +1,37 @@
 <template>
   <view class="order-status">
     <view class="status-header">
-      <image class="status-icon" src="/static/icons/clock.png"></image>
+      <uni-icons
+        class="status-icon"
+        fontFamily="ZhiNian"
+        type="iconshizhong"
+        size="30"
+      ></uni-icons>
       <text class="status-text">已取消</text>
     </view>
-    <view class="status-description">
-      您已取消待支付的订单
-    </view>
+    <view class="status-description"> 您已取消待支付的订单 </view>
   </view>
 </template>
 
 <script setup>
-// No dynamic data required for this static example
+import { defineProps } from "vue";
+
+const props = defineProps({
+  orderData: {
+    type: Object,
+    required: true,
+    default: () => ({
+      orderId: "",
+      paySerialNumber: "",
+      payWay: "", // 支付方式 0-微信 1-支付宝 2-云闪付
+      payAmt: "",
+      orderStatus: "0", // 订单状态 0-待支付 1-待确认 2-待使用 3-已取消 4-退款中 5-已关闭 6-已完成
+      orderType: "0", // 0-酒店订单, 1-门票订单, 2-餐饮
+    }),
+  },
+});
 </script>
 
 <style scoped>
-@import './styles/index.scss';
+@import "./styles/index.scss";
 </style>