fix:images-gengxin

travel-platform-web/travel-web/package-lock.json

@@ -16,6 +16,7 @@
         "@angular/material": "^20.0.4",
         "@angular/platform-browser": "^20.0.0",
         "@angular/router": "^20.0.5",
+        "echarts": "^5.6.0",
         "rxjs": "~7.8.0",
         "swiper": "^11.2.10",
         "tslib": "^2.3.0",
@@ -4386,6 +4387,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/echarts": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
+      "integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.6.1"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -8971,6 +8988,21 @@
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
       "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
       "license": "MIT"
+    },
+    "node_modules/zrender": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
+      "integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
     }
   }
 }

travel-platform-web/travel-web/package.json

@@ -28,6 +28,7 @@
     "@angular/material": "^20.0.4",
     "@angular/platform-browser": "^20.0.0",
     "@angular/router": "^20.0.5",
+    "echarts": "^5.6.0",
     "rxjs": "~7.8.0",
     "swiper": "^11.2.10",
     "tslib": "^2.3.0",

travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.html

@@ -106,4 +106,49 @@
       </div>
     </div>
   </section>
+  
+  <!-- 页脚 -->
+  <footer class="footer">
+    <div class="footer-grid">
+      <div class="footer-col">
+        <h3>关于协会</h3>
+        <ul class="footer-links">
+          <li><a href="#">协会简介</a></li>
+          <li><a href="#">组织架构</a></li>
+          <li><a href="#">发展历程</a></li>
+          <li><a href="#">联系我们</a></li>
+        </ul>
+      </div>
+      <div class="footer-col">
+        <h3>会员服务</h3>
+        <ul class="footer-links">
+          <li><a href="#">会员权益</a></li>
+          <li><a href="#">入会申请</a></li>
+          <li><a href="#">会员动态</a></li>
+          <li><a href="#">资源中心</a></li>
+        </ul>
+      </div>
+      <div class="footer-col">
+        <h3>项目合作</h3>
+        <ul class="footer-links">
+          <li><a href="#">共创计划</a></li>
+          <li><a href="#">技术支持</a></li>
+          <li><a href="#">案例展示</a></li>
+          <li><a href="#">合作申请</a></li>
+        </ul>
+      </div>
+      <div class="footer-col">
+        <h3>关注我们</h3>
+        <ul class="footer-links">
+          <li><a href="#">微信公众号</a></li>
+          <li><a href="#">微博</a></li>
+          <li><a href="#">抖音</a></li>
+          <li><a href="#">Bilibili</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <p>© 2023 江西省文化和旅游研究推广协会 | 赣ICP备XXXXXXXX号 | 设计遵循"三色映赣鄱，水墨链古今"理念</p>
+    </div>
+  </footer>
 </section>

travel-platform-web/travel-web/src/crm/mobile/page-crm-home/page-crm-home.scss

@@ -1,5 +1,5 @@
 /* page-crm-home.scss */
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600;700&display=swap');
 
 /* 主色调定义 */
 :root {
@@ -54,7 +54,7 @@
     &-btn {
       display: inline-block;
       padding: 0.8rem 2rem;
-      background-color: var(--primary-gold);
+      background-color: rgb(230, 218, 168)/*var(--primary-gold)*/;
       color: white;
       text-decoration: none;
       border-radius: 30px;
@@ -75,7 +75,7 @@
       right: 0;
       height: 100%;
       width: 60%;
-      background: "url('assets/images/jiangxi-landscape.webp')" center right no-repeat;
+      background: url('/assets/images/jiangxi-landscape.webp') center right no-repeat;
       background-size: contain;
       opacity: 0.9;
       
@@ -208,6 +208,20 @@
     overflow-x: auto;
     padding: 1rem 0;
     scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+    
+    &::-webkit-scrollbar {
+      height: 6px;
+    }
+    
+    &::-webkit-scrollbar-track {
+      background: #f1f1f1;
+    }
+    
+    &::-webkit-scrollbar-thumb {
+      background: var(--primary-gold);
+      border-radius: 3px;
+    }
   }
   
   .co-creation-item {
@@ -217,6 +231,11 @@
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    transition: transform 0.3s ease;
+    
+    &:hover {
+      transform: translateY(-5px);
+    }
   }
   
   .cc-img {
@@ -227,6 +246,12 @@
   
   .cc-content {
     padding: 1.5rem;
+    
+    p {
+      color: var(--secondary-gray);
+      font-size: 0.95rem;
+      line-height: 1.6;
+    }
   }
   
   .cc-title {
@@ -241,60 +266,183 @@
     margin-bottom: 1rem;
   }
   
-  /* 协会智能体 */
-  .ai-section {
-    padding: 4rem 10%;
-    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green));
-    color: white;
-    text-align: center;
+  /* 协会智能体 - 优化后的样式 */
+.ai-section {
+  padding: 5rem 10%;
+  background: linear-gradient(135deg, #2F7DAD, #1a5c87); /* 直接使用颜色值代替darken函数 */
+  color: white;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: url('/assets/images/water-ink-pattern.webp') center/cover no-repeat;
+    opacity: 0.05;
+    z-index: 0;
   }
-  
+
   .ai-container {
-    max-width: 800px;
+    position: relative;
+    z-index: 1;
+    max-width: 900px;
     margin: 0 auto;
   }
-  
+
   .ai-title {
     font-family: "Noto Serif SC", serif;
     font-size: 2.5rem;
     margin-bottom: 1.5rem;
+    color: var(--primary-gold);
+    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
   }
-  
+
   .ai-desc {
-    margin-bottom: 2rem;
+    margin: 0 auto 3rem;
     font-size: 1.1rem;
     line-height: 1.8;
+    max-width: 700px;
+    color: rgba(255,255,255,0.9);
   }
-  
+
+  .banner-btn {
+    margin-bottom: 3rem;
+    background-color: var(--primary-gold);
+    border: none;
+    font-size: 1rem;
+    padding: 0.8rem 2.5rem;
+    transition: all 0.3s ease;
+
+    &:hover {
+      background-color: #c9a055; /* 直接使用darken后的颜色值 */
+      transform: translateY(-3px);
+      box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+    }
+  }
+
   .ai-features {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2rem;
-    margin-top: 3rem;
+    margin-top: 2rem;
+
+    @media (max-width: 768px) {
+      grid-template-columns: 1fr;
+    }
   }
-  
+
   .ai-feature {
     background-color: rgba(255,255,255,0.1);
-    padding: 1.5rem;
-    border-radius: 8px;
-    backdrop-filter: blur(5px);
-    transition: all 0.3s ease;
-    
+    padding: 2rem 1.5rem;
+    border-radius: 12px;
+    backdrop-filter: blur(8px);
+    border: 1px solid rgba(255,255,255,0.1);
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    position: relative;
+    overflow: hidden;
+
+    &::after {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 3px;
+      background: linear-gradient(to right, #D4B16A, #5B8C5A); /* 直接使用颜色值 */
+      transform: scaleX(0);
+      transform-origin: left;
+      transition: transform 0.3s ease;
+    }
+
     &:hover {
-      background-color: rgba(255,255,255,0.2);
-      transform: translateY(-5px);
+      background-color: rgba(255,255,255,0.15);
+      transform: translateY(-8px);
+      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
+
+      &::after {
+        transform: scaleX(1);
+      }
     }
   }
-  
+
   .ai-icon {
-    font-size: 2.5rem;
-    margin-bottom: 1rem;
+    font-size: 2.8rem;
+    margin-bottom: 1.2rem;
     color: var(--primary-gold);
+    display: inline-block;
+    transition: transform 0.3s ease;
   }
-  
+
+  .ai-feature:hover .ai-icon {
+    transform: scale(1.1);
+  }
+
   .ai-feature-title {
-    font-size: 1.2rem;
-    margin-bottom: 0.5rem;
+    font-size: 1.3rem;
+    margin-bottom: 1rem;
+    font-weight: 600;
+    color: white;
+  }
+
+  .ai-feature p {
+    color: rgba(255,255,255,0.8);
+    font-size: 0.95rem;
+    line-height: 1.7;
+  }
+}
+  
+  /* 页脚样式 */
+  .footer {
+    background-color: #2a2a2a;
+    color: #fff;
+    padding: 3rem 10% 1rem;
+    
+    &-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    &-col {
+      h3 {
+        font-family: "Noto Serif SC", serif;
+        font-size: 1.2rem;
+        margin-bottom: 1.5rem;
+        color: var(--primary-gold);
+      }
+    }
+    
+    &-links {
+      list-style: none;
+      
+      li {
+        margin-bottom: 0.8rem;
+        
+        a {
+          color: #ddd;
+          text-decoration: none;
+          transition: color 0.3s ease;
+          
+          &:hover {
+            color: var(--primary-gold);
+          }
+        }
+      }
+    }
+    
+    &-bottom {
+      border-top: 1px solid rgba(255,255,255,0.1);
+      padding-top: 1.5rem;
+      text-align: center;
+      font-size: 0.9rem;
+      color: #aaa;
+    }
   }
   
   /* 响应式设计 */
@@ -306,6 +454,10 @@
     .ai-features {
       grid-template-columns: repeat(2, 1fr);
     }
+    
+    .footer-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
   }
   
   @media (max-width: 768px) {
@@ -335,5 +487,9 @@
     .ai-features {
       grid-template-columns: 1fr;
     }
+    
+    .footer-grid {
+      grid-template-columns: 1fr;
+    }
   }
 }