|
|
@@ -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,
|