【站点】【修复】【网站优化点击操作】

Author: 潘卓然Y7000P

website/src/components/CardGroup/index.vue

@@ -12,6 +12,7 @@
         >
           <el-tag
             v-if="secondname"
+            type="info"
             effect="light"
           >{{ secondname }}</el-tag>
           <el-divider

website/src/views/gallery/Gallery.vue

@@ -108,7 +108,8 @@ export default {
       heightHash: [],
       scrollActive: [],
       modeChange: false,
-      heightChange: false
+      heightChange: false,
+      scrolling: false
     };
   },
   watch: {
@@ -167,6 +168,7 @@ export default {
         if (!elm) return;
 
         setTimeout(() => {
+          self.scrolling = true;
           self.componentScrollBox.scrollTop = elm.offsetTop - 40;
           self.$forceUpdate();
         }, 100);
@@ -271,7 +273,7 @@ export default {
     this.componentScrollBox = this.componentScrollBar.$el.querySelector(
       ".el-scrollbar__wrap"
     );
-    this.throttledScrollHandler = throttle(300, this.handleScroll);
+    this.throttledScrollHandler = throttle(1000, this.handleScroll);
     this.componentScrollBox.addEventListener(
       "scroll",
       this.throttledScrollHandler
@@ -320,8 +322,8 @@ export default {
     // float: right;
     width: 120px;
     padding: 16px 20px;
-    background: #f4f7fb;
-    border-left: solid 1px #e6e6e6;
+    /* background: #f4f7fb;
+    border-left: solid 1px #e6e6e6; */
     border-radius: 0px;
 
     -webkit-box-sizing: unset;

website/src/views/gallery/GalleryAnchor.vue

@@ -6,7 +6,7 @@
       :color="getColor(item.anchor)"
       :class="{'active': isActive(item.anchor)}"
     >
-      {{item.name}}
+      <span @click="handleClick(item.anchor)">{{item.name}}</span>
     </el-timeline-item>
   </el-timeline>
 </template>
@@ -32,6 +32,15 @@ export default {
     getColor (key) {
       if (this.isActive(key)) return '#33dbe8'
       else return ''
+    },
+    handleClick (key) {
+      let href = window.location.href.split("#");
+      let localte = `#${key}`;
+
+      if (href.length >= 2) {
+        let newHref = href[0] + "#" + href[1] + localte;
+        window.location.href = newHref;
+      }
     }
   },
 }

website/src/views/layout/components/Footer/config.js

@@ -14,7 +14,7 @@ export const CommonUrls = [
       [
         "https://github.com/MapGIS/WebClient-JavaScript",
         "https://gitee.com/mapgis_10",
-        "./docs/cesium.index.html",
+        "./docs/cesium/index.html",
         "/gallery/cesium",
       ],
     ]

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

@@ -22,24 +22,36 @@
           v-for="(l, j) in link"
           :key="j"
         >
-          <a
+          <div
+            class="header-menu-link-text"
             v-if="isLink(menu.routes[i][j])"
-            :href="menu.routes[i][j]"
-            target="_blank"
           >
-            <span :class="{'light-subtitle': light}">{{l}}</span>
-          </a>
-          <a
+            <a
+              class="header-menu-link-text"
+              :href="menu.routes[i][j]"
+              target="_blank"
+            >
+              <span :class="{'light-subtitle': light}">{{l}}</span>
+            </a>
+          </div>
+          <div
+            class="header-menu-link-text"
             v-else-if="isDocs(menu.routes[i][j])"
-            :href="menu.routes[i][j]"
           >
-            <span :class="{'light-subtitle': light}">{{l}}</span>
-          </a>
+            <a
+              class="header-menu-link-text"
+              :href="menu.routes[i][j]"
+            >
+              <span :class="{'light-subtitle': light}">{{l}}</span>
+            </a>
+          </div>
           <router-link
             v-else
             :to="menu.routes[i][j]"
           >
-            <span :class="{'light-subtitle': light}">{{l}}</span>
+            <div class="header-menu-link-text">
+              <span :class="{'light-subtitle': light}">{{l}}</span>
+            </div>
           </router-link>
         </div>
       </div>
@@ -55,7 +67,7 @@ export default {
   props: {
     icon: {
       type: String,
-    },  
+    },
     title: {
       type: String,
     },
@@ -160,6 +172,11 @@ export default {
       rgba(49, 225, 230, 1)
     );
   }
+  .header-menu-link-text {
+    width: 160px;
+    height: 30px;
+    display: block;
+  }
 }
 
 .header-menu-wrapper-mobile {

website/src/views/layout/components/Header/config.js

@@ -57,7 +57,7 @@ export const Headers = [
             "MapGIS地图服务",
             "场景" /* "IGServer-X", "IGServer-S" */,
           ],
-          ["三维空间分析", "轨迹模拟", "图形绘制", "工具", "查询"],
+          ["三维空间分析", "轨迹模拟", "图形绘制", "工具" /* "查询" */],
           [
             "客户端可视化",
             "客户端-Echarts",
@@ -79,7 +79,7 @@ export const Headers = [
             "/gallery/cesium#track",
             "/gallery/cesium#drawGraphic",
             "/gallery/cesium#measure",
-            "/gallery/cesium#query",
+            /* "/gallery/cesium#query", */
           ],
           [
             "/gallery/cesium#clientView-heatmap",
@@ -92,13 +92,28 @@ export const Headers = [
       },
       {
         title: "开发API",
-        links: [["向导"], ["客户端可视化", "客户端渲染"], ["Cesium", "TurfJs"]],
+        links: [
+          ["客户端数据服务", "客户端可视化", "客户端渲染"],
+          [
+            "客户端事件管理",
+            "客户端公共方法",
+            "客户端视图管理",
+            "客户端可视化分析",
+          ],
+          ["Cesium", "TurfJs"],
+        ],
         routes: [
-          ["./docs/cesium/index.html"],
           [
+            "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E6%2595%25B0%25E6%258D%25AE%25E6%259C%258D%25E5%258A%25A1.html",
             "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E5%258F%25AF%25E8%25A7%2586%25E5%258C%2596.html",
             "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E6%25B8%25B2%25E6%259F%2593.html",
           ],
+          [
+            "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E4%25BA%258B%25E4%25BB%25B6%25E7%25AE%25A1%25E7%2590%2586.html",
+            "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E5%2585%25AC%25E5%2585%25B1%25E6%2596%25B9%25E6%25B3%2595.html",
+            "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E8%25A7%2586%25E5%259B%25BE%25E7%25AE%25A1%25E7%2590%2586.html",
+            "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E5%258F%25AF%25E8%25A7%2586%25E5%258C%2596%25E5%2588%2586%25E6%259E%2590.html",
+          ],
           ["https://cesium.com/docs/cesiumjs-ref-doc/", "http://turfjs.org/"],
         ],
       },

website/src/views/welcome/config.js

@@ -87,7 +87,7 @@ export const Gallerys = [
     icon: "./static/assets/gallery/oblique.png",
     title: "倾斜摄影",
     subtitle: "无缝对接主流三维数据，高效展示大雁塔的倾斜摄影",
-    index: "/demo/cesium/mapgis/mapgis-oblique",
+    index: "/demo/cesium/m3d/m3d-oblique",
   },
   {
     icon: "./static/assets/gallery/dem.png",
@@ -122,7 +122,7 @@ export const Gallerys = [
   {
     icon: "./static/assets/gallery/chinadata.png",
     title: "海量矢量数据",
-    subtitle: "数据量的高效渲染，大比例尺地物",
+    subtitle: "千万级别数据量的高效渲染，大比例尺地物",
     index: "/demo/mapboxgl/client-view/vectortile/lightstyle",
   },
 ];