Ver Fonte

家居添加默认显示状态

丸子 há 6 meses atrás
pai
commit
7ddb938b18
1 ficheiros alterados com 12 adições e 5 exclusões
  1. 12 5
      src/views/block/Blockly2.vue

+ 12 - 5
src/views/block/Blockly2.vue

@@ -27,12 +27,12 @@
     <!-- 智能家居 -->
     <div class="image-overlay-container">
       <img :src="baseMap" alt="智能家居" class="full-screen-image base-image" />
-      <img :src="curtainLeft" alt="白窗帘左" class="full-screen-image overlay-image" />
-      <img :src="curtainRight" alt="白窗帘右" class="full-screen-image overlay-image" />
+      <img v-if="state.showCurtainLeft" :src="curtainLeft" alt="白窗帘左" class="full-screen-image overlay-image" />
+      <img v-if="state.showCurtainRight" :src="curtainRight" alt="白窗帘右" class="full-screen-image overlay-image" />
       <img :src="curtainFront" alt="窗帘前" class="full-screen-image overlay-image" />
-      <img :src="television" alt="电视画面" class="full-screen-image overlay-image" />
-      <img :src="lightOpen" alt="灯光打开" class="full-screen-image overlay-image" />
-      <img :src="lightClose" alt="灯光关闭" class="full-screen-image overlay-image" />
+      <img v-if="state.showTelevision" :src="television" alt="电视画面" class="full-screen-image overlay-image" />
+      <img v-if="state.showLightOpen" :src="lightOpen" alt="灯光打开" class="full-screen-image overlay-image" />
+      <img v-if="!state.showLightClose" :src="lightClose" alt="灯光关闭" class="full-screen-image overlay-image" />
     </div>
     <!-- 使用动态样式设置灯光遮罩 -->
     <div v-if="state.lamp.isLightOn"  :style="{ '--lamp-color': state.lamp.color,'--lamp-opacity': state.lamp.brightness / 100 }" class="lamp-light-mask"></div>
@@ -479,6 +479,13 @@ const state = reactive({
     colorLog: "白", // 默认颜色白色
   },
 
+   // 智能家居图片显示控制
+  showCurtainLeft: false,
+  showCurtainRight: false,
+  showTelevision: false,
+  showLightOpen: false,
+  showLightClose: false,
+
   // 【文本文】对话相关状态
   activeConversationId: null,
   conversationInAbortController: null,