|
|
@@ -134,33 +134,56 @@ onShareTimeline(() => ({
|
|
|
<div class="absolute aspect-[1.26/1] top-0 w-full">
|
|
|
<!-- <wd-img width="100%" height="100%" :src="data?.productDetailsImgUrl" />-->
|
|
|
<swiper>
|
|
|
- <template v-for="(it, index) in data?.productDetailsImgUrl?.split(',')" :key="index">
|
|
|
- <swiper-item>
|
|
|
- <wd-img width="100%" height="100%" mode="aspectFill" :src="it" />
|
|
|
- </swiper-item>
|
|
|
- </template>
|
|
|
+<!-- <template v-for="(it, index) in data?.productDetailsImgUrl?.split(',')" :key="index">-->
|
|
|
+<!-- <swiper-item>-->
|
|
|
+<!-- <wd-img width="100%" height="100%" mode="aspectFill" :src="it" />-->
|
|
|
+<!-- </swiper-item>-->
|
|
|
+<!-- </template>-->
|
|
|
+ <wd-swiper
|
|
|
+ custom-class="rounded-1xl overflow-hidden aspect-[1.29/1]"
|
|
|
+ width="100%"
|
|
|
+ height="100%"
|
|
|
+ :list="data?.productDetailsImgUrl?.split(',')"
|
|
|
+ autoplay
|
|
|
+ v-model:current="current"
|
|
|
+ :indicator="{ type: 'dots-bar' } as any"
|
|
|
+ @click="handleClick"
|
|
|
+ ></wd-swiper>
|
|
|
</swiper>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="relative flex-1 bg-white p-7 flex flex-col gap-6 rounded-tl-2xl rounded-tr-2xl">
|
|
|
<div
|
|
|
v-if="String(data?.needPoints) === '1'"
|
|
|
- class="text-black text-xl font-normal font-['PingFang_SC'] leading-[10.18px] mr-1"
|
|
|
+ class="text-black/60 text-base font-normal font-['PingFang_SC'] leading-4"
|
|
|
>
|
|
|
- {{ data?.points }}折
|
|
|
+ <span style="color: red;">{{ data?.points }}</span> 折
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
<div class="text-black text-xl font-normal font-['PingFang_SC'] leading-[10.18px]">
|
|
|
{{ data?.prodcutName }}
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="h-0.25 bg-[#f6f6f6]"></div>
|
|
|
+ <div class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-normal">
|
|
|
+ 兑换说明：
|
|
|
+ </div>
|
|
|
<div class="text-black/60 text-sm font-normal font-['PingFang_SC']">
|
|
|
{{ data?.exchangeDesc }}
|
|
|
</div>
|
|
|
+
|
|
|
<!-- <div-->
|
|
|
<!-- class="text-justify text-black/40 text-base font-normal font-['PingFang_SC'] leading-relaxed"-->
|
|
|
<!-- v-html="data?.contentDesc"-->
|
|
|
<!-- ></div>-->
|
|
|
+ <div class="mx--4 h-2.5 bg-neutral-100"></div>
|
|
|
+ <wd-divider>
|
|
|
+ <div
|
|
|
+ class="text-center text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal"
|
|
|
+ >
|
|
|
+ 商品详情
|
|
|
+ </div>
|
|
|
+ </wd-divider>
|
|
|
<mpHtml :content="data?.contentDesc"></mpHtml>
|
|
|
</div>
|
|
|
|
