|
@@ -4,10 +4,13 @@
|
|
<div v-show="showUI">
|
|
<div v-show="showUI">
|
|
<Control />
|
|
<Control />
|
|
<Menu v-if="fdkkCurrentVersion == 'v4'" />
|
|
<Menu v-if="fdkkCurrentVersion == 'v4'" />
|
|
- <div @click="onIsShowList" v-else class="v3daolan" :class="{ active: isShowScenesList }">
|
|
|
|
|
|
+ <div @click="onIsShowList" v-else
|
|
|
|
+ v-show="!((metadata.catalogRoot && metadata.catalogRoot.length == 1) && scenes.length == 1 && secondaryList.length == 1)"
|
|
|
|
+ class="v3daolan" :class="{ active: isShowScenesList }">
|
|
<img :src="require(`@/assets/images/icon/${isShowScenesList ? 'function_off@2x.png' : 'function_on@2x.png'}`)"
|
|
<img :src="require(`@/assets/images/icon/${isShowScenesList ? 'function_off@2x.png' : 'function_on@2x.png'}`)"
|
|
alt="" />
|
|
alt="" />
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
<sceneList />
|
|
<sceneList />
|
|
<div class="btnmask"></div>
|
|
<div class="btnmask"></div>
|
|
</div>
|
|
</div>
|
|
@@ -28,6 +31,9 @@ const store = useStore();
|
|
const fdkkCurrentVersion = computed(() => store.getters["scene/fdkkCurrentVersion"]);
|
|
const fdkkCurrentVersion = computed(() => store.getters["scene/fdkkCurrentVersion"]);
|
|
const isShowScenesList = computed(() => store.getters["functions/isShowScenesList"]);
|
|
const isShowScenesList = computed(() => store.getters["functions/isShowScenesList"]);
|
|
const currentScene = computed(() => store.getters["scene/currentScene"]);
|
|
const currentScene = computed(() => store.getters["scene/currentScene"]);
|
|
|
|
+const metadata = computed(() => store.getters["scene/metadata"]);
|
|
|
|
+const scenes = computed(() => store.getters["scene/list"]);
|
|
|
|
+const secondaryList = computed(() => store.getters["scene/secondaryList"]);
|
|
|
|
|
|
const showUI = ref(false)
|
|
const showUI = ref(false)
|
|
|
|
|
|
@@ -73,7 +79,8 @@ useApp().then((app) => {
|
|
&.active {
|
|
&.active {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
}
|
|
- >img{
|
|
|
|
|
|
+
|
|
|
|
+ >img {
|
|
width: 26px;
|
|
width: 26px;
|
|
height: 26px;
|
|
height: 26px;
|
|
}
|
|
}
|