feat: 统一了商品详情购买需知的组件

pages/goods/index.vue

@@ -29,42 +29,8 @@
           :nights="selectedDate.totalDays"
         />
 
-        <view v-if="goodsData.commodityPurchaseInstruction" class="use-notice">
-          <ModuleTitle
-            :title="goodsData.commodityPurchaseInstruction.templateTitle"
-          />
-          <view
-            class="use-notice-content"
-            v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
-              .commodityPurchaseInstructionModuleEntityList"
-            :key="index"
-          >
-            <view
-              class="module-item"
-              :class="{
-                'border-bottom':
-                  index <
-                  goodsData.commodityPurchaseInstruction
-                    .commodityPurchaseInstructionModuleEntityList.length -
-                    1,
-              }"
-            >
-              <view class="module-icon">
-                <uni-icons fontFamily="znicons" size="20" color="#333">{{
-                  zniconsMap[moduleItem.moduleIcon]
-                }}</uni-icons>
-                <text class="module-title">{{ moduleItem.moduleTitle }}</text>
-              </view>
-              <text class="module-desc">{{ moduleItem.moduleContent }}</text>
-            </view>
-          </view>
-        </view>
-
-        <zero-markdown-view
-          v-else
-          :markdown="goodsData.commodityTip"
-          :aiMode="true"
-        />
+        <!-- 商品详情组件 -->
+        <GoodDetail :goodsData="goodsData" />
       </view>
     </scroll-view>
 
@@ -107,12 +73,11 @@ import {
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import ImageSwiper from "@/components/ImageSwiper/index.vue";
 import GoodInfo from "./components/GoodInfo/index.vue";
-import ModuleTitle from "@/components/ModuleTitle/index.vue";
 import GoodConfirm from "./components/GoodConfirm/index.vue";
 import Calender from "@/components/Calender/index.vue";
-import { zniconsMap } from "@/static/fonts/znicons.js";
 import LocationCard from "@/components/LocationCard/index.vue";
 import DateSelector from "./components/DateSelector/index.vue";
+import GoodDetail from "@/components/GoodDetail/index.vue";
 
 const calendarVisible = ref(false);
 const goodsData = ref({});
@@ -314,8 +279,4 @@ const handleDateSelect = (data) => {
 
 <style scoped lang="scss">
 @import "./styles/index.scss";
-@font-face {
-  font-family: znicons;
-  src: url("@/static/fonts/znicons.ttf");
-}
 </style>