fix(style): fix style layout no working

opentiny · Sep 25, 2024 · 36ce0af · 36ce0af
1 parent ebac8f1
commit 36ce0af
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/packages/settings/styles/src/js/useStyle.js b/packages/settings/styles/src/js/useStyle.js
@@ -177,19 +177,21 @@ watch(
 )
 
 // 监听全局样式的变化，重新解析
-watch(
-  () => useCanvas().getPageSchema?.()?.css,
-  (value) => {
-    state.cssContent = value || ''
-
-    // 解析css
-    const { parseList, selectors, styleObject } = parser(value)
-
-    state.cssParseList = parseList
-    state.selectors = selectors
-    state.styleObject = styleObject
-  }
-)
+setTimeout(() => {
+  watch(
+    () => useCanvas().getPageSchema?.()?.css,
+    (value) => {
+      state.cssContent = value || ''
+
+      // 解析css
+      const { parseList, selectors, styleObject } = parser(value)
+
+      state.cssParseList = parseList
+      state.selectors = selectors
+      state.styleObject = styleObject
+    }
+  )
+}, 0) // 这里需要延时，不然页面初始化的时候，watch不到实际的对象，会使得这里失效
 
 // 计算当前类名下拉列表
 watch(