feat: 商品详情的字体图标的处理
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user