| @@ -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; | ||||