diff --git a/src/components/d2-container-frame/index.vue b/src/components/d2-container-frame/index.vue
new file mode 100644
index 00000000..3a2afddc
--- /dev/null
+++ b/src/components/d2-container-frame/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <d2-container>
+    <iframe
+      class="d2-container-frame"
+      :src="src"
+      frameborder="0"/>
+  </d2-container>
+</template>
+
+<script>
+export default {
+  name: 'd2-container-frame',
+  props: {
+    src: {
+      type: String,
+      required: false,
+      default: 'http://app.d3collection.cn/d2-admin-doc/lastest/zh/'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.d2-container-frame {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index a91fbf51..271269c2 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,10 +1,12 @@
 import Vue from 'vue'
 
 import d2Container from './d2-container'
+import d2ContainerFrame from './d2-container-frame'
 import d2LinkBtn from './d2-link-btn'
 
 // 注意 有些组件使用异步加载会有影响
 Vue.component('d2-container', d2Container)
+Vue.component('d2-container-frame', d2ContainerFrame)
 Vue.component('d2-link-btn', d2LinkBtn)
 Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
diff --git a/src/menu/index.js b/src/menu/index.js
index 2a618ff8..3c3a7684 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -10,8 +10,10 @@ import demoElement from './modules/demo-element'
 import demoPlayground from './modules/demo-playground'
 // 示例
 import demoBusiness from './modules/demo-business'
-// 示例
+// CRUD
 import demoD2Crud from './modules/demo-d2-crud'
+// 第三方网页
+import demoFrame from './modules/demo-frame'
 
 // 菜单 侧边栏
 export const menuAside = [
@@ -21,7 +23,8 @@ export const menuAside = [
   demoElement,
   demoPlayground,
   demoBusiness,
-  demoD2Crud
+  demoD2Crud,
+  demoFrame
 ]
 
 // 菜单 顶栏
@@ -40,8 +43,9 @@ export const menuHeader = [
       demoElement,
       demoCharts,
       demoPlugins,
+      demoFrame,
       {
-        title: '跳转外部链接',
+        title: '新窗口打开链接',
         icon: 'link',
         children: [
           { path: 'https://github.com/d2-projects/d2-admin', title: 'D2Admin Github', icon: 'github' },
diff --git a/src/menu/modules/demo-frame.js b/src/menu/modules/demo-frame.js
new file mode 100644
index 00000000..c00234bb
--- /dev/null
+++ b/src/menu/modules/demo-frame.js
@@ -0,0 +1,8 @@
+export default {
+  path: '/demo/frame',
+  title: '内嵌网页',
+  icon: 'globe',
+  children: (pre => [
+    { path: `${pre}d2-doc`, title: 'D2Admin 中文文档', iconSvg: 'd2-admin' }
+  ])('/demo/frame/')
+}
diff --git a/src/pages/demo/frame/d2-doc/index.vue b/src/pages/demo/frame/d2-doc/index.vue
new file mode 100644
index 00000000..e817dfc0
--- /dev/null
+++ b/src/pages/demo/frame/d2-doc/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <d2-container-frame src="http://app.d3collection.cn/d2-admin-doc/lastest/zh/"/>
+</template>
diff --git a/src/router/routes.js.REMOVED.git-id b/src/router/routes.js.REMOVED.git-id
index 30c09824..9769bbca 100644
--- a/src/router/routes.js.REMOVED.git-id
+++ b/src/router/routes.js.REMOVED.git-id
@@ -1 +1 @@
-f5ad92d6dec7e541030e26da35a3cb2dd5cb620f
\ No newline at end of file
+49fda24126560af976b40d0e8a29042af7df7d34
\ No newline at end of file