添加银行和政府端小程序

website/assets/css/style.css

@@ -35,7 +35,7 @@ body {
 
 /* 首页Banner */
 .hero-section {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     min-height: 100vh;
     display: flex;
     align-items: center;
@@ -130,7 +130,7 @@ body {
 .feature-icon {
     width: 80px;
     height: 80px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     border-radius: 50%;
     display: flex;
     align-items: center;
@@ -153,7 +153,7 @@ body {
 
 /* 技术优势 */
 .technology-section {
-    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    background: #2c3e50;
 }
 
 .tech-item {
@@ -249,7 +249,7 @@ body {
 }
 
 .news-date {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     color: white;
     padding: 0.5rem 1rem;
     border-radius: 20px;
@@ -285,6 +285,34 @@ body {
     padding: 5rem 0;
 }
 
+/* 联系我们新布局 */
+.contact-bottom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 2rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e9ecef;
+}
+
+.contact-bottom-item {
+    display: flex;
+    align-items: center;
+    margin-right: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.contact-bottom-item i {
+    color: #667eea;
+    font-size: 1.1rem;
+    margin-right: 0.5rem;
+}
+
+.contact-bottom-item span {
+    color: #6c757d;
+    font-size: 0.95rem;
+}
+
 /* 百度地图样式 */
 #baidu-map-container {
     border: 2px solid #e9ecef;
@@ -300,13 +328,8 @@ body {
 
 /* 地图加载状态样式 */
 .map-loading {
-    background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), 
-                linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), 
-                linear-gradient(45deg, transparent 75%, #f8f9fa 75%), 
-                linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);
-    background-size: 20px 20px;
-    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
-    animation: mapLoading 1s linear infinite;
+    background: #f8f9fa;
+    position: relative;
 }
 
 @keyframes mapLoading {
@@ -340,7 +363,7 @@ body {
 .contact-item i {
     width: 50px;
     height: 50px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     border-radius: 50%;
     display: flex;
     align-items: center;
@@ -455,7 +478,7 @@ html {
     left: 0;
     width: 100%;
     height: 100%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -567,14 +590,13 @@ html {
 }
 
 .alert-success {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     color: white;
 }
 
 /* 骨架屏加载效果 */
 .skeleton {
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
+    background: #f0f0f0;
     animation: loading 1.5s infinite;
 }
 
@@ -667,7 +689,7 @@ img {
 
 /* 侧边栏卡片样式 */
 .card-header {
-    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
+    background: var(--bs-primary);
     color: white;
     border: none;
 }
@@ -700,7 +722,7 @@ img {
 }
 
 .modal-header {
-    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
+    background: var(--bs-primary);
     color: white;
     border-radius: 15px 15px 0 0;
 }
@@ -890,6 +912,19 @@ img {
     border-color: #0d6efd;
 }
 
+/* 案例卡片链接样式 */
+.case-link {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.case-link:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+}
+
 /* 面包屑导航样式 */
 .breadcrumb {
     background: transparent;

website/assets/js/baidu-map.js

@@ -0,0 +1,70 @@
+/**
+ * 百度地图初始化脚本
+ * 用于初始化联系我们页面的百度地图
+ */
+
+// 初始化百度地图
+function initBaiduMap() {
+    // 检查百度地图容器是否存在
+    const mapContainer = document.getElementById('baidu-map-container');
+    if (!mapContainer) return;
+
+    // 添加加载中状态
+    mapContainer.classList.add('map-loading');
+    
+    // 百度地图API密钥
+    const BAIDU_MAP_AK = 'SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo';
+
+    // 动态加载百度地图API脚本
+    const script = document.createElement('script');
+    script.src = `https://api.map.baidu.com/api?v=3.0&ak=${BAIDU_MAP_AK}&callback=initMapInstance`;
+    document.body.appendChild(script);
+}
+
+// 初始化地图实例
+function initMapInstance() {
+    const mapContainer = document.getElementById('baidu-map-container');
+    mapContainer.classList.remove('map-loading');
+    
+    // 创建地图实例
+    const map = new BMap.Map('baidu-map-container');
+    
+    // 设置地图中心点 - 宁夏银川市金凤区
+    const point = new BMap.Point(106.2324, 38.4864); // 银川市中心坐标，可根据实际地址调整
+    map.centerAndZoom(point, 15); // 设置中心点和缩放级别
+    
+    // 添加地图控件
+    map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
+    map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
+    map.addControl(new BMap.OverviewMapControl()); // 添加缩略图控件
+    map.enableScrollWheelZoom(); // 启用滚轮放大缩小
+    
+    // 创建标记点
+    const marker = new BMap.Marker(point);
+    map.addOverlay(marker);
+    
+    // 创建信息窗口
+    const infoWindow = new BMap.InfoWindow(
+        '<div class="map-info-window">'+
+        '<h5>宁夏智慧养殖监管平台</h5>'+
+        '<p>地址：宁夏回族自治区银川市金凤区</p>'+
+        '<p>电话：0951-88888888</p>'+
+        '</div>'
+    );
+    
+    // 点击标记时显示信息窗口
+    marker.addEventListener('click', function() {
+        map.openInfoWindow(infoWindow, point);
+    });
+    
+    // 默认打开信息窗口
+    map.openInfoWindow(infoWindow, point);
+}
+
+// 在页面加载完成后初始化地图
+document.addEventListener('DOMContentLoaded', function() {
+    // 如果页面包含联系我们模块，则初始化地图
+    if (document.getElementById('contact')) {
+        initBaiduMap();
+    }
+});

website/assets/js/script.js

@@ -1,7 +1,7 @@
 // 页面加载完成后执行
 document.addEventListener('DOMContentLoaded', function() {
-    // 页面加载动画
-    initPageLoader();
+    // 页面加载动画 - 已移除
+    // initPageLoader();
     
     // 初始化导航栏滚动效果
     initNavbarScroll();