Selaa lähdekoodia

fix: 修改问题

jiaxing.liao 1 kuukausi sitten
vanhempi
commit
b28505606c

+ 1 - 1
src/renderer/src/lvgl-widgets/animimg/index.ts

@@ -1,7 +1,7 @@
 import { h } from 'vue'
 import Animimg from './Animimg.vue'
 import Config from './Config.vue'
-import icon from '../assets/icon/icon_26loading.svg'
+import icon from '../assets/icon/icon_30flash.svg'
 import { flagOptions, stateOptions, stateList, DEFAULT_THEME_KEY } from '@/constants'
 import type { IComponentModelConfig } from '../type'
 import i18n from '@/locales'

+ 2 - 2
src/renderer/src/lvgl-widgets/arc/Arc.vue

@@ -32,7 +32,7 @@
             x="0"
             y="0"
           >
-            <image :href="styleMap.mainStyle.curve.imageSrc" transform="translate(-50%, -50%)" />
+            <image :href="styleMap.mainStyle.curve.imageSrc" transform="translate(-50% -50%)" />
           </pattern>
           <!-- 进度值条图片 pattern:保持图像原始尺寸,居中显示 -->
           <pattern
@@ -46,7 +46,7 @@
           >
             <image
               :href="styleMap.indicatorStyle.curve.imageSrc"
-              transform="translate(-50%, -50%)"
+              transform="translate(-50% -50%)"
             />
           </pattern>
         </defs>

+ 2 - 2
src/renderer/src/lvgl-widgets/spinner/Spinner.vue

@@ -29,7 +29,7 @@
           x="0"
           y="0"
         >
-          <image :href="styleMap.mainStyle.curve.imageSrc" transform="translate(-50%,-50%)" />
+          <image :href="styleMap.mainStyle.curve.imageSrc" transform="translate(-50% -50%)" />
         </pattern>
 
         <!-- 指示条图片 pattern:保持图像原始尺寸,居中显示 -->
@@ -42,7 +42,7 @@
           x="0"
           y="0"
         >
-          <image :href="styleMap.indicatorStyle.curve.imageSrc" transform="translate(-50%, -50%)" />
+          <image :href="styleMap.indicatorStyle.curve.imageSrc" transform="translate(-50% -50%)" />
         </pattern>
       </defs>
 

+ 1 - 1
src/renderer/src/lvgl-widgets/spinner/index.ts

@@ -1,5 +1,5 @@
 import Spinner from './Spinner.vue'
-import icon from '../assets/icon/icon_23Led.svg'
+import icon from '../assets/icon/icon_26loading.svg'
 import { flagOptions, stateOptions, stateList, DEFAULT_THEME_KEY } from '@/constants'
 import type { IComponentModelConfig } from '../type'
 import i18n from '@/locales'

+ 5 - 1
src/renderer/src/store/modules/project.ts

@@ -143,6 +143,10 @@ export const useProjectStore = defineStore('project', () => {
 
   const loadedFontKeys = new Set<string>()
 
+  const getCssUrl = (url: string) => {
+    return `url("${url.replace(/\\/g, '/').replace(/"/g, '\\"')}")`
+  }
+
   const hasLoadedFont = async (fontName: string) => {
     await document.fonts.ready
     let loaded = false
@@ -172,7 +176,7 @@ export const useProjectStore = defineStore('project', () => {
           return
         }
 
-        const fontFace = new FontFace(font.fileName, `url('${fontUrl}')`)
+        const fontFace = new FontFace(font.fileName, getCssUrl(fontUrl))
         try {
           const loadedFont = await fontFace.load()
           loadedFontKeys.add(fontKey)