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

pages/order/components/NoticeInfo/index.vue

@@ -0,0 +1,40 @@
+<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-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>
+  </view>
+</template>
+
+<script setup>
+// No dynamic data required for this static example
+</script>
+
+<style scoped lang="scss">
+@import './styles/index.scss';
+</style>