| @@ -1,42 +1,46 @@ | |||
| <template> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| </template> | |||
| </div> | |||
| <!-- 商品权益 --> | |||
| <div class="authority"> | |||
| <div v-html="item.detail"></div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </el-scrollbar> | |||
| <!-- 企业版 --> | |||
| <!-- <div class="item" @click="showTalkUsDialog = true"> | |||
| <div class="mask" v-if="false"> | |||
| @@ -430,6 +434,9 @@ function findStatus() { | |||
| overflow-x: scroll; | |||
| padding: 30px 20px 20px 10px; | |||
| max-width: 100%; | |||
| .scrollbar-flex-content{ | |||
| display: flex; | |||
| } | |||
| .item { | |||
| position: relative; | |||