|
@@ -12,8 +12,9 @@
|
|
}" :style="{ backgroundImage: `url(${item.icon})` }" v-for="(item, i) in currentScenesList" :key="i">
|
|
}" :style="{ backgroundImage: `url(${item.icon})` }" v-for="(item, i) in currentScenesList" :key="i">
|
|
<i class="iconfont " :class="item.type == '4dkk' ? 'icon-editor_3d' : 'icon-editor_panoramic'"></i>
|
|
<i class="iconfont " :class="item.type == '4dkk' ? 'icon-editor_3d' : 'icon-editor_panoramic'"></i>
|
|
<div>
|
|
<div>
|
|
- <span v-if="currentScene.id == item.id">{{item.sceneTitle}}</span>
|
|
|
|
- <span v-else>{{ item.sceneTitle.length > spanlength ? item.sceneTitle.slice(0, spanlength) : item.sceneTitle
|
|
|
|
|
|
+ <span v-if="currentScene.id == item.id">{{ item.sceneTitle }}</span>
|
|
|
|
+ <span v-else>{{ item.sceneTitle.length > spanlength ? item.sceneTitle.slice(0, spanlength) :
|
|
|
|
+ item.sceneTitle
|
|
}}</span>
|
|
}}</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
@@ -27,25 +28,24 @@
|
|
active: currentSecondary.id == item.id,
|
|
active: currentSecondary.id == item.id,
|
|
loopspan: item.name.length > spanlength && currentSecondary.id == item.id,
|
|
loopspan: item.name.length > spanlength && currentSecondary.id == item.id,
|
|
}" v-for="(item, i) in secondaryList" :key="i">
|
|
}" v-for="(item, i) in secondaryList" :key="i">
|
|
- <span v-if="currentSecondary.id == item.id">{{item.name}}</span>
|
|
|
|
|
|
+ <span v-if="currentSecondary.id == item.id">{{ item.name }}</span>
|
|
<span v-else>{{ item.name.length > spanlength ? item.name.slice(0, spanlength) : item.name }}</span>
|
|
<span v-else>{{ item.name.length > spanlength ? item.name.slice(0, spanlength) : item.name }}</span>
|
|
- </li>
|
|
|
|
|
|
+ </li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="swiper-container" id="swcatalogRoot"
|
|
|
|
- :style="`width:${Math.min(catalogRootW, innerW)}px;
|
|
|
|
- padding:${catalogRootW > innerW ? '0 15px' : '0'}`"
|
|
|
|
|
|
+ <div class="swiper-container" id="swcatalogRoot" :style="`width:${Math.min(catalogRootW, innerW)}px;
|
|
|
|
+ padding:${catalogRootW > innerW ? '0 15px' : '0'}`"
|
|
v-if="metadata.catalogRoot.length > 0 && metadata.catalogs.length > 1">
|
|
v-if="metadata.catalogRoot.length > 0 && metadata.catalogs.length > 1">
|
|
<ul class="swiper-wrapper" v-if="metadata.catalogRoot.length > 1">
|
|
<ul class="swiper-wrapper" v-if="metadata.catalogRoot.length > 1">
|
|
<li class="swiper-slide" :class="{
|
|
<li class="swiper-slide" :class="{
|
|
active: currentCatalogRoot.id == item.id,
|
|
active: currentCatalogRoot.id == item.id,
|
|
loopspan: item.name.length > spanlength && currentCatalogRoot.id == item.id,
|
|
loopspan: item.name.length > spanlength && currentCatalogRoot.id == item.id,
|
|
}" @click="tabRoot(item)" v-for="(item, i) in metadata.catalogRoot" :key="i">
|
|
}" @click="tabRoot(item)" v-for="(item, i) in metadata.catalogRoot" :key="i">
|
|
- <span v-if="currentCatalogRoot.id == item.id">{{item.name}}</span>
|
|
|
|
|
|
+ <span v-if="currentCatalogRoot.id == item.id">{{ item.name }}</span>
|
|
<span v-else>{{ item.name.length > spanlength ? item.name.slice(0, spanlength) : item.name }}</span>
|
|
<span v-else>{{ item.name.length > spanlength ? item.name.slice(0, spanlength) : item.name }}</span>
|
|
-
|
|
|
|
|
|
+
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
@@ -107,14 +107,23 @@ const loadList = () => {
|
|
let t = setTimeout(() => {
|
|
let t = setTimeout(() => {
|
|
clearTimeout(t);
|
|
clearTimeout(t);
|
|
["#swcatalogRoot", "#swSecondary", "#swScenes"].forEach((item) => {
|
|
["#swcatalogRoot", "#swSecondary", "#swScenes"].forEach((item) => {
|
|
- new Swiper(item, {
|
|
|
|
|
|
+ let tmp = new Swiper(item, {
|
|
slidesPerView: "auto",
|
|
slidesPerView: "auto",
|
|
centeredSlides: true,
|
|
centeredSlides: true,
|
|
spaceBetween: 10,
|
|
spaceBetween: 10,
|
|
centerInsufficientSlides: true,
|
|
centerInsufficientSlides: true,
|
|
centeredSlidesBounds: true,
|
|
centeredSlidesBounds: true,
|
|
freeMode: true,
|
|
freeMode: true,
|
|
|
|
+ observer: true,
|
|
|
|
+ observeParents:true
|
|
});
|
|
});
|
|
|
|
+ if (item == '#swScenes') {
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ tmp && tmp.slideTo(0, 50, false)
|
|
|
|
+ }, 0);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // console.log(tmp.slideTo);
|
|
});
|
|
});
|
|
}, 100);
|
|
}, 100);
|
|
});
|
|
});
|