|
@@ -1,42 +1,46 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="page"> |
|
|
<div class="page"> |
|
|
<div class="commoditylIst" ref="scrollContainerRef" @wheel="handleWheel"> |
|
|
|
|
|
<div class="item" v-for="item in packageList" :key="item.typeDesc" :class="item.sellPriceRmb <= 0 ? 'dashed' : ''"> |
|
|
|
|
|
<!-- @click="clickPayDialog(item)" --> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div class="line" :style="`background-color:${ item.sellPriceRmb > 0 ? item.color : '#eee'} ;`"></div> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<!-- 商品信息 --> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
<div class="titleBox"> |
|
|
|
|
|
<!-- <p class="iconText" v-if="item.sellPriceRmb <= 0" >会员权益</p> --> |
|
|
|
|
|
<div class="title"> |
|
|
|
|
|
{{ item.title }} |
|
|
|
|
|
|
|
|
<div class="commoditylIst"> |
|
|
|
|
|
<el-scrollbar :always="true"> |
|
|
|
|
|
<div class="scrollbar-flex-content"> |
|
|
|
|
|
<div class="item" v-for="item in packageList" :key="item.typeDesc" :class="item.sellPriceRmb <= 0 ? 'dashed' : ''"> |
|
|
|
|
|
<!-- @click="clickPayDialog(item)" --> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div class="line" :style="`background-color:${ item.sellPriceRmb > 0 ? item.color : '#eee'} ;`"></div> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<!-- 商品信息 --> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
<div class="titleBox"> |
|
|
|
|
|
<!-- <p class="iconText" v-if="item.sellPriceRmb <= 0" >会员权益</p> --> |
|
|
|
|
|
<div class="title"> |
|
|
|
|
|
{{ item.title }} |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<template v-if="item.sellPriceRmb > 0"> |
|
|
|
|
|
<div class="money"> |
|
|
|
|
|
<span class="price">{{ |
|
|
|
|
|
item.sellPriceRmb / 100 |
|
|
|
|
|
}} ¥</span |
|
|
|
|
|
>/ <span style="text-decoration:line-through;"> {{ $t("store.priceRmb") }}{{ item.priceRmb / 100 }}</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="time"> |
|
|
|
|
|
{{ $t("store.glod") }}<span> {{ item.glod }}</span |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="item.sellPriceRmb > 0" class="button" @click="clickPayDialog(item)" :style="`background-color: #f3af00 ;`"> |
|
|
|
|
|
{{ $t("store.createOrder") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
</div> |
|
|
</div> |
|
|
<template v-if="item.sellPriceRmb > 0"> |
|
|
|
|
|
<div class="money"> |
|
|
|
|
|
<span class="price">{{ |
|
|
|
|
|
item.sellPriceRmb / 100 |
|
|
|
|
|
}} ¥</span |
|
|
|
|
|
>/ <span style="text-decoration:line-through;"> {{ $t("store.priceRmb") }}{{ item.priceRmb / 100 }}</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="time"> |
|
|
|
|
|
{{ $t("store.glod") }}<span> {{ item.glod }}</span |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="item.sellPriceRmb > 0" class="button" @click="clickPayDialog(item)" :style="`background-color: #f3af00 ;`"> |
|
|
|
|
|
{{ $t("store.createOrder") }} |
|
|
|
|
|
|
|
|
<!-- 商品权益 --> |
|
|
|
|
|
<div class="authority"> |
|
|
|
|
|
<div v-html="item.detail"></div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 商品权益 --> |
|
|
|
|
|
<div class="authority"> |
|
|
|
|
|
<div v-html="item.detail"></div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</el-scrollbar> |
|
|
<!-- 企业版 --> |
|
|
<!-- 企业版 --> |
|
|
<!-- <div class="item" @click="showTalkUsDialog = true"> |
|
|
<!-- <div class="item" @click="showTalkUsDialog = true"> |
|
|
<div class="mask" v-if="false"> |
|
|
<div class="mask" v-if="false"> |
|
@@ -430,6 +434,9 @@ function findStatus() { |
|
|
overflow-x: scroll; |
|
|
overflow-x: scroll; |
|
|
padding: 30px 20px 20px 10px; |
|
|
padding: 30px 20px 20px 10px; |
|
|
max-width: 100%; |
|
|
max-width: 100%; |
|
|
|
|
|
.scrollbar-flex-content{ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
position: relative; |
|
|
position: relative; |
|
|