|
|
@@ -12,7 +12,6 @@
|
|
|
:autoplay="false"
|
|
|
ref="carousel"
|
|
|
@change="changeCarousel "
|
|
|
- v-show="!btnCurrent"
|
|
|
>
|
|
|
<el-carousel-item v-for="item in comInfo.mergeImages" :key="item">
|
|
|
<!-- <div class="banner" :style="{backgroundImage: 'url(' + item + ')'}"></div> -->
|
|
|
@@ -26,36 +25,8 @@
|
|
|
</video>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
- <template v-if="pageData.template.length">
|
|
|
- <!-- <bxh
|
|
|
- v-show="btnCurrent"
|
|
|
- :link="pageData.template[current3D].link"
|
|
|
- :bxhType="'3D'"
|
|
|
- :height="'578px'"
|
|
|
- :key="current3D"
|
|
|
- ></bxh> -->
|
|
|
- <!-- 放大&3D按钮切换 -->
|
|
|
- <!-- <section class="switch-wrap" v-show="btnShow">
|
|
|
- <div class="switch-btn" v-show="btnCurrent">
|
|
|
- <span
|
|
|
- class="primary_button"
|
|
|
- @click="goDesign(pageData.template[current3D].template_id, pageData.template[current3D].link)"
|
|
|
- >Custom Design</span>
|
|
|
- </div>
|
|
|
- <div class="switch-btn">
|
|
|
- <span
|
|
|
- class="primary_button"
|
|
|
- :class="btnCurrent == index ? 'primary_checked' : ''"
|
|
|
- @click="handleSwitch(index)"
|
|
|
- v-for="(item, index) of btnObj"
|
|
|
- :key="index"
|
|
|
- >{{ item }}</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- </section> -->
|
|
|
- </template>
|
|
|
</div>
|
|
|
- <div class="smImgUl" v-show="!btnCurrent">
|
|
|
+ <div class="smImgUl">
|
|
|
<ul>
|
|
|
<li
|
|
|
@click="changeCarousel (index)"
|
|
|
@@ -73,7 +44,7 @@
|
|
|
<li
|
|
|
@click="changeCarousel (comInfo.mergeImages?.length)"
|
|
|
:class="currentPre == comInfo.mergeImages?.length ? 'slip' : ''"
|
|
|
- v-if="comInfo.video && !btnCurrent">
|
|
|
+ v-if="comInfo.video">
|
|
|
<video width="100%" height="100%" :src="comInfo.video" />
|
|
|
<div class="playMask">
|
|
|
<img src="@/assets/img/play.png" alt="" />
|
|
|
@@ -81,19 +52,7 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <!-- 包小盒3D图列表 -->
|
|
|
- <!-- <div class="smImgUl" v-show="btnCurrent">
|
|
|
- <ul>
|
|
|
- <li
|
|
|
- @click="selectCurrent3D(index)"
|
|
|
- :class="current3D == index ? 'slip' : ''"
|
|
|
- v-for="(item, index) of pageData.template"
|
|
|
- :key="index"
|
|
|
- class="banner"
|
|
|
- :style="{ backgroundImage: 'url(' + item.image + ')' }"
|
|
|
- ></li>
|
|
|
- </ul>
|
|
|
- </div> -->
|
|
|
+
|
|
|
<ElImageViewer
|
|
|
v-if="showViewer" :initial-index="currentPre"
|
|
|
:on-close="closeViewer"
|
|
|
@@ -125,8 +84,6 @@ export default {
|
|
|
return {
|
|
|
indexBanner: [],
|
|
|
btnObj: ["View larger", "3D Preview"],
|
|
|
- btnCurrent: 0, // 0 预览图，1 3D图
|
|
|
- // currentPre: 0, // 预览图序号
|
|
|
current3D: 0, // 3D图序号
|
|
|
btnShow: true, // 所有按钮显示
|
|
|
bigShow: false,
|
|
|
@@ -159,9 +116,6 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
...mapMutations({ setSmImgUlIdx: 'product/setSmImgUlIdx' }),
|
|
|
- handleSwitch(val) {
|
|
|
- this.btnCurrent = val;
|
|
|
- },
|
|
|
changeCarousel (val) {
|
|
|
this.setSmImgUlIdx(val);
|
|
|
if (val === this.comInfo.mergeImages?.length) {
|
