feat: 商品详情的字体图标的处理

This commit is contained in:
2025-09-06 13:25:18 +08:00
parent 1d071f25bf
commit 7973743644
3 changed files with 47 additions and 15 deletions

View File

@@ -15,19 +15,30 @@
<!-- 商品信息组件 -->
<GoodInfo :goodsData="goodsData" @showCalendar="showCalendar" />
<view v-if="goodsData.commodityPurchaseInstruction">
<view v-if="goodsData.commodityPurchaseInstruction" class="use-notice">
<ModuleTitle
:title="goodsData.commodityPurchaseInstruction.templateTitle"
/>
<view
class="use-notice"
class="use-notice-content"
v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
.commodityPurchaseInstructionModuleEntityList"
:key="index"
>
<view class="module-item">
<view
class="module-item"
:class="{
'border-bottom':
index <
goodsData.commodityPurchaseInstruction
.commodityPurchaseInstructionModuleEntityList.length -
1,
}"
>
<view class="module-icon">
<image :src="moduleItem.moduleIcon" mode="aspectFit" />
<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>
@@ -85,6 +96,7 @@ 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";
const calendarVisible = ref(false);
const goodsData = ref({});
@@ -268,4 +280,8 @@ const handleDateSelect = (data) => {
<style scoped lang="scss">
@import "./styles/index.scss";
@font-face {
font-family: znicons;
src: url("@/static/fonts/znicons.ttf");
}
</style>