..

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('@')) {

src/main/resources/views/layouts/platform_h5.html

@@ -68,6 +68,8 @@
     <!--g2plot-->
     <script src="${base!}/assets/platform/plugins/g2plot/g2plot.min.js"></script>
 
+    <script src="https://cdn.jsdelivr.net/npm/goober@2.1.10/dist/goober.umd.js"></script>
+
     <script>
         window._AMapSecurityConfig = {
             securityJsCode: "4fa1e1aeabba7eb9518129cf57ab17c1"

src/main/resources/views/platform/zhgh/dayofficework/qsv/activity/txtImport.js

@@ -318,7 +318,7 @@ E.先进性"
             padding: 10px 20px;
         }
 
-        ::v-deep .txt-import-container {
+        /deep/ .txt-import-container {
             display: flex;
             height: 80vh;
             border-radius: 4px;

src/main/resources/views/platform/zhghh5/sys/home/index.html

@@ -2,6 +2,13 @@
 layout("/layouts/platform_h5.html"){
 #-->
 
+<style>
+    .profile-card{
+        background: #0a84ff;
+        color: #0b5a2c;
+    }
+</style>
+
 <div id="app" v-cloak>
     <div>
         <div>

src/main/resources/views/platform/zhghh5/sys/home/mine.js

@@ -72,12 +72,12 @@ const mine = {
                     </span>
                     </van-cell>
 
-<!--                    <van-cell :value="$store.state.user.totalIntegral" is-link @click="$pjaxReplace('/platform/integral/records/h5')" class="action-cell">-->
+                    <!--                    <van-cell :value="$store.state.user.totalIntegral" is-link @click="$pjaxReplace('/platform/integral/records/h5')" class="action-cell">-->
-<!--                        <span class="cell-title" slot="title">-->
+                    <!--                        <span class="cell-title" slot="title">-->
-<!--                            <van-icon name="points" class="cell-icon"></van-icon>-->
+                    <!--                            <van-icon name="points" class="cell-icon"></van-icon>-->
-<!--                            我的积分-->
+                    <!--                            我的积分-->
-<!--                        </span>-->
+                    <!--                        </span>-->
-<!--                    </van-cell>-->
+                    <!--                    </van-cell>-->
                 </van-cell-group>
             </div>
 
@@ -108,6 +108,7 @@ const mine = {
                 })
         }
     },
+
     style() {
         return /*language=CSS*/ `
             .home-mine {

src/main/resources/views/platform/zhghh5/sys/home/work.js

@@ -28,6 +28,44 @@ const work = {
             this.$pjaxReplace(item.href)
         }
     },
+    mounted() {
+        const styles = {
+            workbenche: window.goober.css`
+                    padding: 16px;
+                    background: #f5f5f5;
+                `,
+            moduleItem: goober.css`
+                    margin-bottom: 16px;
+                    background: white;
+                    border-radius: 8px;
+                    overflow: hidden;
+                `,
+            moduleHeader: goober.css`
+                    padding: 12px 16px;
+                    background: #fafafa;
+                    border-bottom: 1px solid #eee;
+                `,
+            moduleHeaderContent: goober.css`
+                    border-left: 4px solid var(--color-primary);
+                    font-size: 15px;
+                    color: #000;
+                    font-weight: 600;
+                    padding-left: 8px;
+                `,
+            moduleContent: goober.css`
+                    padding: 8px;
+                    
+                    .van-grid-item__content {
+                        padding: 14px 8px;
+                    }
+                `,
+            menuIcon: goober.css`
+                    width: 40px;
+                    height: 40px;
+                `
+        };
+        console.log(styles)
+    },
     style: /*language=CSS*/ `
         .left-span-label {
             border-left: 4px solid var(--color-primary);