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>

pages/order/components/NoticeInfo/styles/index.scss

@@ -4,36 +4,10 @@
   padding: 16px 18px;
 }
 
-.notice-section {
-  margin-bottom: 20px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
 .notice-title {
   display: flex;
   align-items: center;
-  margin-bottom: 8px;
-  font-size: 14px;
-  font-weight: 600;
+  font-size: 16px;
+  font-weight: 500;
   color: #333;
 }
-
-.notice-icon {
-  width: 18px;
-  height: 18px;
-  margin-right: 10px;
-}
-
-.notice-content {
-  font-size: 12px;
-  color: #666;
-  padding-left: 28px;
-}
-
-.notice-item {
-  display: block;
-  margin-bottom: 5px;
-}