|
@@ -67,7 +67,6 @@
|
|
|
:style="{ backgroundImage: `url(${item.icon})` }"
|
|
:style="{ backgroundImage: `url(${item.icon})` }"
|
|
|
v-for="(item, ) in currentScenesList"
|
|
v-for="(item, ) in currentScenesList"
|
|
|
:key="item.sceneCode"
|
|
:key="item.sceneCode"
|
|
|
- :id="`scene-item-${item.sceneCode}`"
|
|
|
|
|
>
|
|
>
|
|
|
<i
|
|
<i
|
|
|
class="iconfont"
|
|
class="iconfont"
|
|
@@ -175,6 +174,16 @@ const currentScene = computed(() => store.getters["scene/currentScene"]);
|
|
|
|
|
|
|
|
const isLargeScreen = window.innerWidth > 750
|
|
const isLargeScreen = window.innerWidth > 750
|
|
|
|
|
|
|
|
|
|
+let sceneListSwiper = null
|
|
|
|
|
+watch(currentScene, (newV, oldV) => {
|
|
|
|
|
+ nextTick(() => {
|
|
|
|
|
+ const idx = currentScenesList.value.findIndex((item) => {
|
|
|
|
|
+ return item.sceneCode === newV.sceneCode
|
|
|
|
|
+ })
|
|
|
|
|
+ sceneListSwiper.slideTo(idx)
|
|
|
|
|
+ })
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
const currentCatalogRoot = computed(
|
|
const currentCatalogRoot = computed(
|
|
|
() => store.getters["scene/currentCatalogRoot"]
|
|
() => store.getters["scene/currentCatalogRoot"]
|
|
|
);
|
|
);
|
|
@@ -259,7 +268,6 @@ const loadList = () => {
|
|
|
let t = setTimeout(() => {
|
|
let t = setTimeout(() => {
|
|
|
clearTimeout(t);
|
|
clearTimeout(t);
|
|
|
["#swcatalogRoot", "#swSecondary", "#swScenes"].forEach((item) => {
|
|
["#swcatalogRoot", "#swSecondary", "#swScenes"].forEach((item) => {
|
|
|
- console.log(item, 'sdfksadklgkl');
|
|
|
|
|
let tmp = new Swiper(item, {
|
|
let tmp = new Swiper(item, {
|
|
|
slidesPerView: "auto",
|
|
slidesPerView: "auto",
|
|
|
centeredSlides: true,
|
|
centeredSlides: true,
|
|
@@ -271,14 +279,8 @@ const loadList = () => {
|
|
|
observeParents: true,
|
|
observeParents: true,
|
|
|
});
|
|
});
|
|
|
if (item == "#swScenes") {
|
|
if (item == "#swScenes") {
|
|
|
- setTimeout(() => {
|
|
|
|
|
- if (tmp && "slideTo" in tmp) {
|
|
|
|
|
- // tmp.slideTo(0, 80, false);
|
|
|
|
|
- }
|
|
|
|
|
- }, 0);
|
|
|
|
|
|
|
+ sceneListSwiper = tmp
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- // console.log(tmp.slideTo);
|
|
|
|
|
});
|
|
});
|
|
|
}, 100);
|
|
}, 100);
|
|
|
});
|
|
});
|