diff --git a/src/layouts/components/BuyIt/index.vue b/src/layouts/components/BuyIt/index.vue
index f9d53c3d..20399b26 100755
--- a/src/layouts/components/BuyIt/index.vue
+++ b/src/layouts/components/BuyIt/index.vue
@@ -50,7 +50,7 @@ onUnmounted(() => {
             为了视觉风格统一，同时也能服务于更多开发者，本框架从 v4.0.0 版本开始，与 Element Plus 组件库进行了解耦，意味着可以轻松将 Element Plus 组件库替换成其他 UI 组件库，并且不会影响框架原本的功能。
           </p>
           <p class="my-1">
-            演示站挑选了以下 5 款组件库作为示例，你可以点击访问并预览。
+            演示站挑选了以下 6 款组件库作为示例，你可以点击访问并预览。
           </p>
         </div>
         <div class="mt-4 flex flex-wrap justify-center gap-4">
@@ -69,6 +69,9 @@ onUnmounted(() => {
           <HButton @click="open('https://fantastic-admin.github.io/vexip-example/')">
             访问 Vexip UI 演示站
           </HButton>
+          <HButton @click="open('https://fantastic-admin.github.io/idux-example/')">
+            访问 iDux 演示站
+          </HButton>
         </div>
       </HDialog>
     </div>
diff --git a/src/router/modules/ecology.example.ts b/src/router/modules/ecology.example.ts
index 13a9394c..b013ad7d 100755
--- a/src/router/modules/ecology.example.ts
+++ b/src/router/modules/ecology.example.ts
@@ -52,6 +52,15 @@ const routes: RouteRecordRaw[] = [
           link: 'https://www.vform666.com',
         },
       },
+      {
+        path: 'form-create',
+        redirect: '',
+        name: 'cooperationFormcreate',
+        meta: {
+          title: 'Form-create 动态表单生成器',
+          link: 'https://form-create.com',
+        },
+      },
       {
         path: 'quickadmin',
         redirect: '',
@@ -71,12 +80,12 @@ const routes: RouteRecordRaw[] = [
         },
       },
       {
-        path: 'form-create',
+        path: 'idux',
         redirect: '',
-        name: 'cooperationFormcreate',
+        name: 'cooperationIDux',
         meta: {
-          title: 'Form-create 动态表单生成器',
-          link: 'https://form-create.com',
+          title: 'iDux 组件库',
+          link: 'https://idux.site',
         },
       },
     ],