Explorar el Código

fix.some css issue

0235915 hace 1 día
padre
commit
e579bca57d

+ 8 - 8
travel-platform-web/travel-web/src/crm/mobile/page-crm-platform/page-crm-platform.html

@@ -69,7 +69,7 @@
       <!-- 功能模块网格 -->
       <div class="module-grid">
         <!-- 多模态采集中心 -->
-        <div class="module-card no-flash" id="multimodal-collection">
+        <div class="module-card no-flash" id="multimodal-collection" [style.--module-color]="modules[0].bgColor">
           <div class="card-header" [style.background]="modules[0].bgColor">
             <i [class]="modules[0].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[0].title}}</h3>
@@ -93,7 +93,7 @@
         </div>
         
         <!-- 分类知识图谱 -->
-        <div class="module-card no-flash" id="knowledge-graph">
+        <div class="module-card no-flash" id="knowledge-graph" [style.--module-color]="modules[1].bgColor">
           <div class="card-header" [style.background]="modules[1].bgColor">
             <i [class]="modules[1].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[1].title}}</h3>
@@ -128,7 +128,7 @@
       
       <div class="module-grid">
         <!-- 数字文创工坊 -->
-        <div class="module-card no-flash" id="digital-workshop">
+        <div class="module-card no-flash" id="digital-workshop" [style.--module-color]="modules[2].bgColor">
           <div class="card-header" [style.background]="modules[2].bgColor">
             <i [class]="modules[2].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[2].title}}</h3>
@@ -152,7 +152,7 @@
         </div>
         
         <!-- 智慧文旅系统 -->
-        <div class="module-card no-flash" id="smart-tourism">
+        <div class="module-card no-flash" id="smart-tourism" [style.--module-color]="modules[3].bgColor">
           <div class="card-header" [style.background]="modules[3].bgColor">
             <i [class]="modules[3].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[3].title}}</h3>
@@ -176,7 +176,7 @@
         </div>
         
         <!-- IP孵化平台 -->
-        <div class="module-card no-flash" id="ip-incubation">
+        <div class="module-card no-flash" id="ip-incubation" [style.--module-color]="modules[4].bgColor">
           <div class="card-header" [style.background]="modules[4].bgColor">
             <i [class]="modules[4].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[4].title}}</h3>
@@ -211,7 +211,7 @@
       
       <div class="module-grid">
         <!-- 高校联盟 -->
-        <div class="module-card no-flash" id="university-alliance">
+        <div class="module-card no-flash" id="university-alliance" [style.--module-color]="modules[5].bgColor">
           <div class="card-header" [style.background]="modules[5].bgColor">
             <i [class]="modules[5].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[5].title}}</h3>
@@ -235,7 +235,7 @@
         </div>
         
         <!-- 政府协作 -->
-        <div class="module-card no-flash" id="gov-collab">
+        <div class="module-card no-flash" id="gov-collab" [style.--module-color]="modules[6].bgColor">
           <div class="card-header" [style.background]="modules[6].bgColor">
             <i [class]="modules[6].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[6].title}}</h3>
@@ -259,7 +259,7 @@
         </div>
         
         <!-- 全民创作 -->
-        <div class="module-card no-flash" id="public-creation">
+        <div class="module-card no-flash" id="public-creation" [style.--module-color]="modules[7].bgColor">
           <div class="card-header" [style.background]="modules[7].bgColor">
             <i [class]="modules[7].icon + ' card-icon'"></i>
             <h3 class="card-title">{{modules[7].title}}</h3>

+ 2 - 2
travel-platform-web/travel-web/src/crm/mobile/page-crm-platform/page-crm-platform.scss

@@ -268,7 +268,7 @@
 
 .card-header {
   padding: 20px;
-  background: var(--primary-blue);
+  background: var(--module-color, var(--primary-blue)); // 使用动态变量
   color: white;
   position: relative;
   
@@ -279,7 +279,7 @@
     left: 20px;
     width: 30px;
     height: 30px;
-    background: var(--primary-blue);
+    background: var(--module-color, var(--primary-blue)); // 关键修改
     transform: rotate(45deg);
     z-index: 1;
   }