From f35611bb1cad8c0164b2eb01fbdb454f29e9fd7c Mon Sep 17 00:00:00 2001
From: hawk86104 <hawk86104@163.com>
Date: Thu, 2 Nov 2023 09:10:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E6=8F=92?=
 =?UTF-8?q?=E4=BB=B6=E8=87=AA=E5=8A=A8=E5=8C=96=20=E4=BB=A5=E5=8F=8A?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=BB=9A=E5=8A=A8=E5=88=B0=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .fes.js                           |  5 +++-
 README.md                         |  4 ++--
 src/pages/index.vue               | 38 +++++++++++++++----------------
 src/plugins/earthSample/readme.md | 11 +++++++++
 src/plugins/vantaJS/readme.md     | 11 +++++++++
 5 files changed, 46 insertions(+), 23 deletions(-)
 create mode 100644 src/plugins/earthSample/readme.md
 create mode 100644 src/plugins/vantaJS/readme.md

diff --git a/.fes.js b/.fes.js
index 58259818..f2832823 100644
--- a/.fes.js
+++ b/.fes.js
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-10-26 09:13:11
+ * @LastEditTime: 2023-11-02 08:43:08
  */
 // import { resolve } from 'path';
 import { join } from 'path';
@@ -23,6 +23,9 @@ export default defineBuildConfig({
         title: 'Ice.gl',
         navigation: 'top',
         multiTabs: false,
+        isFixedHeader: true,
+        // isFixedSidebar: true,
+        // sideWidth: 800,
         logo: 'logo.png',
         menus: [
             {
diff --git a/README.md b/README.md
index ac5db949..4c5f1a33 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-10-31 11:38:06
+ * @LastEditTime: 2023-11-02 08:05:54
 -->
 # 🧊🧊🧊 icegl-three-vue-tres 🧊🧊🧊
 ## 🎉🎉🎊 三维可视化项目快速落地の开源框架 🎊🎉🎉
@@ -31,7 +31,7 @@ ThreeJS大名鼎鼎的基于浏览器渲染，JavaScript语言的3D库。
 
 集成封装项目落地的常用库：图标、多语言、API接口调用、Vuex/Pinia、model数据封装、页面layout/权限access、路由管理等。
 
-- 🌠 像写Vue3.x一样写三维可视化项目 * TresJS [点击详情](https://tresjs.org/guide)
+- 🌠 像写Vue3.x一样写三维可视化项目，并且全功能版本追溯保持threeJS最新版本 * TresJS [点击详情](https://tresjs.org/guide)
 
 ```html
 <template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b0a4d941..bf3d5e02 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-01 12:55:50
+ * @LastEditTime: 2023-11-02 09:08:58
 -->
 <template>
     <div class="flex h-full">
@@ -27,21 +27,16 @@
                         <PictureOutlined />
                     </template>
                     <template #label>插件中心</template>
-                    <f-menu-item value="2.1">
-                        <template #label>{{ pluginsConfig.digitalCity.title }}</template>
-                    </f-menu-item>
-                    <f-menu-item value="2.2">
-                        <template #label>{{ pluginsConfig.earthSample.title }}</template>
-                    </f-menu-item>
-                    <f-menu-item value="2.3">
-                        <template #label>{{ pluginsConfig.vantaJS.title }}</template>
+                    <f-menu-item v-for="(onePlugin, pkey) in pluginsConfig" :value="pkey">
+                        <template #label>{{ onePlugin.title }}</template>
                     </f-menu-item>
                 </f-sub-menu>
             </f-menu>
         </div>
-        <div class="w-full">
-            <div style="background-color: #f1f1f2;" v-for="(onePlugin, pkey) in pluginsConfig" :key="pkey">
-                <FDivider titlePlacement="left">{{ onePlugin.title }}</FDivider>
+        <div class="flex-1 overflow-scroll" style="height: calc(100vh - 54px);">
+            <div style="background-color: #f1f1f2;" v-for="(onePlugin, pkey) in pluginsConfig" :key="pkey"
+                :ref="el => tabListRef[pkey] = el">
+                <FDivider titlePlacement="left">{{ onePlugin.title + pkey }}</FDivider>
                 <FText class="ml-13" tag="i" size="small">{{ onePlugin.intro }}</FText>
                 <div class="flex flex-wrap flex-justify-start content-start mt-6 pl-6">
                     <div class="w-80 mr-10 mb-10 overflow-hidden" v-for="(onePreview, okey) in onePlugin.preview"
@@ -61,7 +56,8 @@
 </template>
 
 <script setup lang="ts">
-import { defineRouteMeta, useRouter } from '@fesjs/fes'; // 一大坑，fesJS的路由被他自己封装了
+import { ref } from 'vue';
+import { defineRouteMeta, useRouter } from '@fesjs/fes'; //fesJS的路由被他自己封装了
 import { AppstoreOutlined, PictureOutlined } from '@fesjs/fes-design/icon';
 import { FCard, FDivider, FText } from '@fesjs/fes-design';
 import { getPluginsConfig } from '../common/utils';
@@ -71,15 +67,13 @@ defineRouteMeta({
     title: '开源框架展示',
 });
 
-const router = useRouter()  // 一大坑，fesJS的路由被他自己封装了
-
+const tabListRef = ref([])
 let pluginsConfig = getPluginsConfig();
-
 const goto = (value: string) => {
-    console.log(value)
+    tabListRef.value[value.value]?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: "nearest" })
 }
+const router = useRouter()  //fesJS的路由被他自己封装了
 let publicPath = process.env.BASE_URL
-
 const toPage = (plugin: string, value: any) => {
     let routeUrl = router.resolve({
         path: `/${plugin}/${value}`
@@ -88,8 +82,12 @@ const toPage = (plugin: string, value: any) => {
 }
 </script>
 
-<style>
+<style lang="less">
 .layout-logo {
-    margin-right: 6.2em !important;
+    /* margin-right: 6.2em !important; */
+    width: 12.5rem !important;
+    padding: 0 !important;
+    justify-content: center;
+    margin: 0 !important;
 }
 </style>
diff --git a/src/plugins/earthSample/readme.md b/src/plugins/earthSample/readme.md
new file mode 100644
index 00000000..d4391e8a
--- /dev/null
+++ b/src/plugins/earthSample/readme.md
@@ -0,0 +1,11 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2023-11-02 08:03:41
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2023-11-02 08:07:20
+-->
+
+## 依赖npm包:
+yarn add gsap
\ No newline at end of file
diff --git a/src/plugins/vantaJS/readme.md b/src/plugins/vantaJS/readme.md
new file mode 100644
index 00000000..6ebec168
--- /dev/null
+++ b/src/plugins/vantaJS/readme.md
@@ -0,0 +1,11 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2023-11-02 08:03:41
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2023-11-02 08:08:43
+-->
+
+## 依赖npm包:
+yarn add vanta
\ No newline at end of file