diff --git a/.fes.js b/.fes.js
index a592be4f..1deba884 100644
--- a/.fes.js
+++ b/.fes.js
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-03 14:33:58
+ * @LastEditTime: 2023-11-05 10:15:03
  */
 // import { resolve } from 'path';
 import { join } from 'path';
@@ -27,11 +27,7 @@ export default defineBuildConfig({
         // isFixedSidebar: true,
         // sideWidth: 800,
         logo: 'logo.png',
-        menus: [
-            {
-                name: 'index',
-            },
-        ],
+        menus: [],
     },
     enums: {
         status: [
diff --git a/README.md b/README.md
index a3ba4a68..cbcd4180 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-05 09:29:30
+ * @LastEditTime: 2023-11-05 09:58:02
 -->
 # 🧊🧊🧊 icegl-three-vue-tres 🧊🧊🧊
 ## 🎉🎉🎊 三维可视化项目快速落地の开源框架 🎊🎉🎉
@@ -26,6 +26,13 @@ ThreeJS大名鼎鼎的基于浏览器渲染，JavaScript语言的3D库。
 
 使用Vue3.x组件实现声明式的ThreeJS，做属于前端的三维项目。
 
+# 🏕点击预览：[🌏opensource.icegl.cn](http://opensource.icegl.cn)
+pic1
+
+pic2
+
+....
+
 # 优势
 - 🌈 前端の基本素养 * FesJS [点击详情](https://fesjs.mumblefe.cn)
 
@@ -82,6 +89,6 @@ ThreeJS大名鼎鼎的基于浏览器渲染，JavaScript语言的3D库。
 
 本项目包含的第三方源码和二进制文件之版权信息另行标注。
 
-版权所有Copyright © 2022-2025 by 🧊Ice.gl (https://www.icegl.cn)
+版权所有Copyright © 2022-2025 by 🧊icegl (https://www.icegl.cn)
 
 All rights reserved。
\ No newline at end of file
diff --git a/src/app.jsx b/src/app.jsx
index b2828eb4..db4c3c9a 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-10-16 10:53:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2023-11-04 19:01:15
+ * @LastEditTime: 2023-11-05 10:15:53
  */
 import { defineRuntimeConfig,useModel } from '@fesjs/fes';
 
@@ -39,6 +39,9 @@ export default defineRuntimeConfig({
             {
                 name: 'index',
             },
+            // {
+            //     name: 'preview',
+            // },
         ],
     },
 });
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 55973b30..05c8a9df 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-03 16:29:18
+ * @LastEditTime: 2023-11-05 10:15:59
 -->
 <template>
     <div class="flex h-full">
diff --git a/src/pages/preview.vue b/src/pages/preview.vue
new file mode 100644
index 00000000..79a82cf2
--- /dev/null
+++ b/src/pages/preview.vue
@@ -0,0 +1,81 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2023-10-16 10:53:09
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2023-11-05 10:04:18
+-->
+<template>
+    <div class="flex h-full">
+        <div class="w-50" style="background-color: black;">
+            <f-menu mode="vertical" :defaultExpandAll="true" :inverted="true" @select="goto">
+                <f-sub-menu value="1">
+                    <template #icon>
+                        <AppstoreOutlined />
+                    </template>
+                    <template #label>原生功能展示</template>
+                    <template v-for="(bP, pkey) in pluginsConfig">
+                        <f-menu-item v-if="pkey === 'basic'" v-for="(onePlugin, okey) in bP.child" :value="onePlugin.name">
+                            <template #label>{{ onePlugin.title }}</template>
+                        </f-menu-item>
+                    </template>
+                </f-sub-menu>
+                <f-sub-menu value="2">
+                    <template #icon>
+                        <PictureOutlined />
+                    </template>
+                    <template #label>插件中心</template>
+                    <template v-for="(onePlugin, pkey) in pluginsConfig">
+                        <f-menu-item v-if="pkey !== 'basic'" :value="pkey">
+                            <template #label>{{ onePlugin.title }}</template>
+                        </f-menu-item>
+                    </template>
+                </f-sub-menu>
+            </f-menu>
+        </div>
+        <div class="flex-1 overflow-scroll" style="height: calc(100vh - 54px);">
+            <template v-for="(onePlugin, pkey) in pluginsConfig" :key="pkey">
+                <div style="background-color: #f1f1f2;" v-if="pkey !== 'basic'" :ref="el => tabListRef[pkey] = el">
+                    <cardList :onePlugin="onePlugin" />
+                </div>
+                <template v-else>
+                    <div style="background-color: #f1f1f2;" v-for="(one, opkey) in onePlugin.child" :key="opkey"
+                        :ref="el => tabListRef[one.name] = el">
+                        <cardList :onePlugin="one" />
+                    </div>
+                </template>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { defineRouteMeta } from '@fesjs/fes'; //fesJS的路由被他自己封装了
+import { AppstoreOutlined, PictureOutlined } from '@fesjs/fes-design/icon';
+import { getPluginsConfig } from '../common/utils';
+import cardList from '../components/cardList.vue'
+
+defineRouteMeta({
+    name: 'preview',
+    title: '开源框架展示',
+});
+
+const tabListRef = ref([])
+let pluginsConfig = getPluginsConfig();
+const goto = (value: string) => {
+    tabListRef.value[value.value]?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: "nearest" })
+}
+
+</script>
+
+<style lang="less">
+.layout-logo {
+    /* margin-right: 6.2em !important; */
+    width: 12.5rem !important;
+    padding: 0 !important;
+    justify-content: center !important;
+    margin: 0 !important;
+}
+</style>