修改需求

src/views/setting/index.vue

@@ -32,30 +32,27 @@
 
 <script lang="ts" setup>
 import { RightFillPano } from '@/layout'
-import ltby from './images/pic_ltby@2x.png'
-import hmm from './images/pic_hmm@2x.png'
-import xk from './images/pic_xk@2x.png'
-import yk from './images/pic_yj@2x.png'
-import hmm360 from './images/pic_hmm_hdr@2x.png'
-import ltby360 from './images/pic_ltby_hdr@2x.png'
-import yk360 from './images/lantianbaiyun.png'
-import xk360 from './images/pic_xk_hdr@2x.png'
 import { enterEdit, enterOld, setting, isEdit, updataSetting } from '@/store'
-import { reactive, ref } from 'vue'
+import { reactive, ref, watchEffect } from 'vue'
 import { togetherCallback, getFileUrl, loadPack } from '@/utils'
 import { showRightPanoStack, showRightCtrlPanoStack } from '@/env'
 import { sdk } from '@/sdk'
 
-const backs = reactive([
-  { label: '无', type: 'icon', image: 'icon-without', value: 'none' },
-  { label: '蓝天白云', type: 'img', image: ltby, value: ltby360 },
-  { label: '灰蒙蒙', type: 'img', image: hmm, value: hmm360 },
-  { label: '星空', type: 'img', image: xk, value: xk360 },
-  { label: '夜间', type: 'img', image: yk, value: yk360 },
-  { label: '灰色', type: 'color', image: '#333333', value: '#333' },
-  { label: '黑色', type: 'color', image: '#000000', value: '#000' },
-  { label: '白色', type: 'color', image: '#ffffff', value: '#fff' },
-])
+const backs = ref<{ label: string, type: string, image: string, value: string}[]>([])
+watchEffect(async () => {
+  backs.value = [
+      { label: '无', type: 'icon', image: 'icon-without', value: 'none' },
+      { label: '蓝天白云', type: 'img', image: (await import("./images/pic_ltby@2x.png")).default, value: (await import("./images/蓝天白云.jpg")).default },
+      { label: '乌云密布', type: 'img', image: (await import("./images/pic_wymb@2x.png")).default, value: (await import("./images/乌云密布.jpg")).default},
+      { label: '夜空', type: 'img', image: (await import("./images/pic_yk@2x.png")).default, value: (await import("./images/夜空.jpg")).default },
+      { label: '草地', type: 'img', image: (await import("./images/pic_cd@2x.png")).default, value: (await import("./images/草地.jpg")).default },
+      { label: '道路', type: 'img', image: (await import("./images/pic_dl@2x.png")).default, value: (await import("./images/道路.jpg")).default },
+      { label: '傍晚', type: 'img', image: (await import("./images/pic_bw@2x.png")).default, value: (await import("./images/傍晚.jpg")).default },
+      { label: '灰色', type: 'color', image: '#333333', value: '#333' },
+      { label: '黑色', type: 'color', image: '#000000', value: '#000' },
+      { label: '白色', type: 'color', image: '#ffffff', value: '#fff' },
+  ]
+})
 
 const enterSetPic = () => {
   enterEdit(