update @组合商品-商品说明
This commit is contained in:
huangzhen
parent
e35bb49146
commit
9f25ac0bf8
|
|
@ -8,7 +8,7 @@
|
|||
:showConfirmButton="false"
|
||||
v-bind:close="close"
|
||||
>
|
||||
<img class="dialog-img" :src="imgUrl" />
|
||||
<img class="dialog-img" :src="imgUrl" alt="" />
|
||||
<p :class="['dialog-title', !text && 'titleCenter']">{{ title || '温馨提示' }}</p>
|
||||
<p v-if="text" class="dialog-text">{{ text }}</p>
|
||||
<div class="dialog-btn" @click="model = !model">{{ confirmTxt }}</div>
|
||||
|
|
|
|||
|
|
@ -58,11 +58,23 @@
|
|||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
<img v-if="0" @click="changePopComStatus" @touchmove.stop.prevent class="floatImg" src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/acticeTextTip.png" alt="">
|
||||
<div v-if="groupInfo && popComStatus" class="popWrapper">
|
||||
<img v-if="getProDesc" @click="changePopComStatus" class="floatImg" src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/spsm.png" alt="">
|
||||
<div v-if="popComStatus" class="popWrapper">
|
||||
<img @click="changePopComStatus" class="backImg" src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/backprepageBtn.png" alt="">
|
||||
<p class="title">活动规则</p>
|
||||
<!-- <div v-if="cssData.floatText" class="description-2" v-html="cssData.floatText"></div> -->
|
||||
<p class="title">商品说明</p>
|
||||
<template v-if="groupInfo.is_active_time_show === 1">
|
||||
<h3 class="timeTitle">生效时间段</h3>
|
||||
<p class="time">{{ groupInfo.start_time }} - {{ groupInfo.end_time }}</p>
|
||||
</template>
|
||||
<template v-if="groupInfo.recive_type === 2">
|
||||
<h3 class="timeTitle">领取时间段</h3>
|
||||
<p class="time">{{ groupInfo.recive_start }} - {{ groupInfo.recive_end }}</p>
|
||||
</template>
|
||||
<template v-if="groupInfo.desc">
|
||||
<h3 class="descTitle">使用规则</h3>
|
||||
<p v-if="groupInfo.desc_type === 1" class="descText" v-html="groupInfo.desc"></p>
|
||||
<img class="descImg" :src="groupInfo.desc" alt="">
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 遮罩 loading -->
|
||||
|
|
@ -231,6 +243,10 @@ export default {
|
|||
await this.getData('start');
|
||||
},
|
||||
computed: {
|
||||
getProDesc() { // 商品说明
|
||||
const groupInfo = this.groupInfo;
|
||||
return groupInfo && ((groupInfo.is_active_time_show === 1) || (groupInfo.recive_type === 2) || groupInfo.desc)
|
||||
},
|
||||
getModalTitle() { // 直充（非平台） + 红包/立减金（支付-账号领取/云闪付）
|
||||
const obj = this.selectedPro[0];
|
||||
if (this.selectedPro.length === 1) {
|
||||
|
|
@ -282,6 +298,16 @@ export default {
|
|||
methods: {
|
||||
changePopComStatus() {
|
||||
this.popComStatus = !this.popComStatus;
|
||||
if (this.popComStatus) { // 弹窗禁止滑动穿透
|
||||
const scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
|
||||
document.body.style.position = 'fixed';
|
||||
document.body.style.top = `-${scrollTop}px`;
|
||||
} else {
|
||||
const top = document.body.style.top;
|
||||
document.body.style.position = '';
|
||||
document.body.style.top = '';
|
||||
document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top);
|
||||
}
|
||||
},
|
||||
async getData(type: string) {
|
||||
if (!this.groupId) return showToast('组合商品ID不能为空');
|
||||
|
|
@ -584,8 +610,8 @@ export default {
|
|||
position: fixed;
|
||||
display: block;
|
||||
top: 40px;
|
||||
right: 0;
|
||||
width: 30px;
|
||||
right: -6.5px;;
|
||||
width: 40px;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -615,6 +641,27 @@ export default {
|
|||
align-items: center;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.timeTitle, .descTitle {
|
||||
font-size: 14px;
|
||||
color: #171717;
|
||||
padding: 0 20px;
|
||||
margin-top: 10px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.time, .descText {
|
||||
line-height: 20px;
|
||||
color: #a8a8a8;
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.descImg {
|
||||
display: block;
|
||||
width: 345px;
|
||||
height: auto;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
}
|
||||
.typeBox {
|
||||
|
|
@ -763,6 +810,12 @@ export default {
|
|||
}
|
||||
.contentInfo {
|
||||
flex: auto;
|
||||
p {
|
||||
max-width: 170px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.contentInfoTop {
|
||||
height: 16px;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
|
|
@ -778,10 +831,6 @@ export default {
|
|||
font-size: 11px;
|
||||
color: #939393;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 129px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
<div v-if="cssData.activityDescType === 3 && cssData.floatText" class="description-3" v-html="cssData.floatText" />
|
||||
<div v-if="popComStatus" class="popWrapper">
|
||||
<img @click="changePopComStatus" class="backImg" src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/backprepageBtn.png" alt="">
|
||||
<p class="title">活动规则</p>
|
||||
<p class="title">活动说明</p>
|
||||
<div v-if="cssData.floatText" class="description-2" v-html="cssData.floatText"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
<div v-if="popComStatus" class="popWrapper">
|
||||
<img @click="changePopComStatus" class="backImg" src="https://lsxdmgoss.oss-cn-chengdu.aliyuncs.com/MarketingSystem/image/front/backprepageBtn.png" alt="">
|
||||
<p class="title">活动规则</p>
|
||||
<p class="title">活动说明</p>
|
||||
<div v-if="cssData.floatText" class="description-2" v-html="cssData.floatText"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue