feat: 更新 Vite 配置,优化资源管理和背景图像处理
This commit is contained in:
1 parent
66842e9d58
commit
02ddfd0c07
11 files changed
+202
-11
No files matched your search
@@ -63,18 +63,18 @@ onMounted(() => {
|
||||
<div class="w-full h-full relative">
|
||||
<!-- 背景图片 -->
|
||||
<div
|
||||
:class="['absolute inset-0 bg-cover bg-center bg-no-repeat', status ? 'z-0' : 'z-10']"
|
||||
:class="['absolute inset-0 bg-cover bg-center bg-no-repeat']"
|
||||
:style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.ACTION_BG) }"
|
||||
></div>
|
||||
|
||||
<!-- 选择模块 -->
|
||||
<div class="absolute left-0 top-[-140px] inset-0 z-10">
|
||||
<div :class="['absolute left-0 top-[-140px] inset-0 z-[8]']">
|
||||
<ModuleSwitcher v-model="selectedModule" @change="handleModuleChange" />
|
||||
</div>
|
||||
|
||||
<!-- 电视机 -->
|
||||
<div
|
||||
class="absolute w-[765px] h-[768px] right-0 top-0 z-0 transition-opacity duration-200"
|
||||
class="absolute w-[765px] h-[768px] right-0 top-0 z-[5] transition-opacity duration-200"
|
||||
:class="{ 'opacity-50': isImageLoading }"
|
||||
:style="{ backgroundImage: selectedImage }"
|
||||
></div>
|
||||
|
||||
@@ -21,7 +21,7 @@ import { ImgButton } from '@/components/Button'
|
||||
</div>
|
||||
<!-- 操作指引 -->
|
||||
<div class="absolute right-0 bottom-0">
|
||||
<ImgButton :image="IMAGE_PATHS.BUTTONS.OPERATE_GUIDE" :path="{ name: 'Guide' }" />
|
||||
<ImgButton :image="IMAGE_PATHS.BUTTONS.OPERATE_GUIDE" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in new issue
Block a user