feat: 新增字体图标

pages/order/components/NoticeInfo/index.vue

@@ -1,40 +1,30 @@
 <template>
   <view class="notice-info mb12">
-    <view class="notice-section">
-      <view class="notice-title">
-        <image class="notice-icon" src="./images/icon_clock.png"></image>
-        取景点
-      </view>
-      <view class="notice-content">文本内容文本内容文本内容文本内容</view>
-    </view>
+    <view class="notice-title"> 购买须知 </view>
 
-    <view class="notice-section">
-      <view class="notice-title">
-        <image class="notice-icon" src="./images/icon_card.png"></image>
-        使用处
-      </view>
-      <view class="notice-content">
-        <text class="notice-item">· 文本内容文本内容文本内容</text>
-        <text class="notice-item">· 文本内容文本内容文本内容文本内容</text>
-        <text class="notice-item">· 文本内容文本内容文本内容文本内容文本内容</text>
-        <text class="notice-item">· 文本内容文本内容文本内容</text>
-      </view>
-    </view>
-
-    <view class="notice-section">
-      <view class="notice-title">
-        <image class="notice-icon" src="./images/icon_arrow.png"></image>
-        退改说明
-      </view>
-      <view class="notice-content">符合条件可退款</view>
-    </view>
+    <zero-markdown-view :markdown="orderData.commodityTip" :fontSize="14" />
   </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: () => ({
+      commodityTip: "",
+      paySerialNumber: "",
+      payWay: "", // 支付方式 0-微信 1-支付宝 2-云闪付
+      payAmt: "",
+      orderStatus: "0", // 订单状态 0-待支付 1-待确认 2-待使用 3-已取消 4-退款中 5-已关闭 6-已完成
+      orderType: "0", // 0-酒店订单, 1-门票订单, 2-餐饮
+    }),
+  },
+});
 </script>
 
 <style scoped lang="scss">
-@import './styles/index.scss';
+@import "./styles/index.scss";
 </style>