diff --git a/src/main/resources/static/assets/platform/js/mixin/styleMixin.js b/src/main/resources/static/assets/platform/js/mixin/styleMixin.js index 55abf8e6..c857a6af 100644 --- a/src/main/resources/static/assets/platform/js/mixin/styleMixin.js +++ b/src/main/resources/static/assets/platform/js/mixin/styleMixin.js @@ -19,7 +19,7 @@ const styleUtil = { // } // } - // 使用TreeWalker优化遍历性能 + // 查找本组件的子元素 但是排除掉VUE组件 使用TreeWalker优化遍历性能 const walker = document.createTreeWalker( el, NodeFilter.SHOW_ELEMENT, @@ -51,16 +51,6 @@ const styleUtil = { // 处理根元素 el.removeAttribute(scopedId); - - // if (el && el.removeAttribute) { - // el.removeAttribute(scopedId) - // - // // 递归处理所有子元素 - // const children = el.children || el.childNodes - // for (let i = 0; i < children.length; i++) { - // styleUtil.removeScopedAttribute(children[i], scopedId) - // } - // } }, // 为CSS规则添加作用域属性 @@ -72,11 +62,15 @@ const styleUtil = { const processedSelectors = selectors.split(',') .map(selector => { selector = selector.trim(); - + // 处理深度选择器 if (selector.includes('::v-deep')) { return selector.replace('::v-deep', `[${scopedId}]`); } + if(selector.includes("/deep/")){ + return selector.replace('/deep/', `[${scopedId}]`); + } + // 处理媒体查询等特殊情况 if (selector.includes('@') || selector.startsWith('@')) { diff --git a/src/main/resources/views/layouts/platform_h5.html b/src/main/resources/views/layouts/platform_h5.html index 9ccd2276..4d7765e1 100644 --- a/src/main/resources/views/layouts/platform_h5.html +++ b/src/main/resources/views/layouts/platform_h5.html @@ -68,6 +68,8 @@ + +