From 048e1bf9d0543914b82bd8b06d56394fcd73be24 Mon Sep 17 00:00:00 2001
From: jinmao88 <50581550+jinmao88@users.noreply.github.com>
Date: Wed, 27 Dec 2023 08:13:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0iframe=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/admin/src/layout/index.vue                |  9 +++++----
 .../router/src/routes/modules/demo/iframe.ts   | 18 ++++++++++++++++++
 2 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 packages/router/src/routes/modules/demo/iframe.ts

diff --git a/apps/admin/src/layout/index.vue b/apps/admin/src/layout/index.vue
index 7bd5fc2d..88136ee5 100644
--- a/apps/admin/src/layout/index.vue
+++ b/apps/admin/src/layout/index.vue
@@ -1,14 +1,15 @@
 <script lang="ts" setup>
 import { Layout } from '@vben/layouts'
-
-// import { Layout } from '@vben/grid-layouts'
-
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+const frame = computed(() => useRoute().meta.frame)
 </script>
 
 <template>
   <layout>
     <template #main>
-      <RouterView />
+      <RouterView v-if="!frame" />
+      <iframe v-else v-bind="frame" />
     </template>
   </layout>
 </template>
diff --git a/packages/router/src/routes/modules/demo/iframe.ts b/packages/router/src/routes/modules/demo/iframe.ts
new file mode 100644
index 00000000..e4e6db43
--- /dev/null
+++ b/packages/router/src/routes/modules/demo/iframe.ts
@@ -0,0 +1,18 @@
+import { LAYOUT } from '../../../routes'
+const Iframe: RouteRecordItem = {
+  path: '/iframe',
+  name: 'iframe',
+  component: LAYOUT,
+  meta: {
+    orderNo: 6,
+    title: 'Iframe页面',
+    icon: 'line-md:document-code',
+    frame: {
+      src: 'https://vbenjs.github.io/vben3-doc/',
+      class: 'h-screen',
+      width: '80%',
+    },
+  },
+}
+
+export default Iframe