【站点】【新增】【新增全新的细节交互】

Author: ParnDeedlit&潘卓然

website/public/static/demo/config/config-headers.json

@@ -76,10 +76,9 @@
                 ]
             },
             {
-                "title": "开发示例",
+                "title": "Js开发示例",
                 "hightlights": [
-                    [false, false, false, false, false, false, false, false, false, false, false, false, false, false],
-                    [true, true, true, true]
+                    [false, false, false, false, false, false, false, false, false, false, false, false, false, false]
                 ],
                 "links": [
                     [
@@ -97,8 +96,7 @@
                         "客户端-Echarts",
                         "客户端-MapV",
                         "客户端空间分析"
-                    ],
-                    ["Vue-栅格", "Vue-矢量瓦片", "Vue-交互", "Vue-模型"]
+                    ]
                 ],
                 "routes": [
                     [
@@ -116,7 +114,18 @@
                         "/gallery/cesium#clientView_Echarts",
                         "/gallery/cesium#clientView_MapV",
                         "/gallery/cesium#clientAnalysis"
-                    ],
+                    ]
+                ]
+            },
+            {
+                "title": "Vue开发示例",
+                "hightlights": [
+                    [true, true, true, true]
+                ],
+                "links": [
+                    ["Vue-栅格", "Vue-矢量瓦片", "Vue-交互", "Vue-模型"]
+                ],
+                "routes": [
                     ["/gallery/vue-cesium#raster", "/gallery/vue-cesium#vvectortile", "/gallery/vue-cesium#control", "/gallery/vue-cesium#model"]
                 ]
             },
@@ -169,10 +178,9 @@
                 ]
             },
             {
-                "title": "开发示例",
+                "title": "JS开发示例",
                 "hightlights": [
-                    [false, false, true, false, false, false, false, false, false, false, true, true],
-                    [true, false, false, true]
+                    [false, false, true, false, false, false, false, false, false, false, true, true]
                 ],
                 "links": [
                     [
@@ -188,8 +196,7 @@
                         "客户端空间分析",
                         "DataStore",
                         "行业特色"
-                    ],
-                    ["Vue-图层", "Vue-栅格", "Vue-OGC", "Vue-交互"]
+                    ]
                 ],
                 "routes": [
                     [
@@ -205,7 +212,18 @@
                         "/gallery/mapboxgl#client-analysis",
                         "/gallery/mapboxgl#datastore#elasticsearch",
                         "/gallery/mapboxgl#industry#search"
-                    ],
+                    ]
+                ]
+            },
+            {
+                "title": "Vue开发示例",
+                "hightlights": [
+                    [true, false, false, true]
+                ],
+                "links": [
+                    ["Vue-图层", "Vue-栅格", "Vue-OGC", "Vue-交互"]
+                ],
+                "routes": [
                     [
                         "/gallery/vue-mapboxgl#vue-layer",
                         "/gallery/vue-mapboxgl#vue-raster",
@@ -380,4 +398,4 @@
             }
         ]
     }
-]
+]

website/src/views/layout/components/Header/Header.vue

@@ -219,7 +219,7 @@ export default {
         span {
             width: fit-content;
             height: 64px;
-            // margin: 0px 6px;
+            margin: 0px 2px;
             padding: 0px 4px;
             // margin-let: 12.5px;
             font-size: 16px;

website/src/views/layout/components/Header/Menu.vue

@@ -97,7 +97,7 @@ export default {
     flex-wrap: wrap;
     // width: fit-content;
     width: calc(100vw - 51px);
-    padding: 0 175px;
+    padding: 0 100px;
     height: 600px;
     max-width: 100vw;
     overflow: auto;
@@ -126,7 +126,7 @@ export default {
             font-size: 14px;
             font-family: Microsoft YaHei;
             font-weight: 400;
-            color: rgba(102, 102, 102, 1);
+            color: #ffffff;
             line-height: 30px;
         }
     }
@@ -153,7 +153,7 @@ export default {
             font-size: 14px;
             font-family: Microsoft YaHei;
             font-weight: 500;
-            color: rgba(0, 0, 0, 1);
+            color: #ffffff;
             line-height: 30px;
         }
     }

website/src/views/welcome/config.js

@@ -1,7 +1,7 @@
 export const MainBanners = [
   "./static/assets/bane/banner1.png",
-  "./static/assets/bane/banner2.png",
-  "./static/assets/bane/banner3.png",
+  // "./static/assets/bane/banner2.png",
+  // "./static/assets/bane/banner3.png",
 ];
 
 export const DetailMains = [