feat: 通过iframe引入按钮组件页面

src/locales/ch.json

@@ -10,5 +10,6 @@
   "video": "视频组件",
   "map": "地图组件",
   "draggable": "拖拽组件",
-  "split-pane": "切割面板"
+  "split-pane": "切割面板",
+  "button": "按钮组件"
 }

src/locales/en.json

@@ -10,5 +10,6 @@
   "video": "Video Components",
   "map": "Map Components",
   "draggable": "Draggable Components",
-  "split-pane": "Split Pane"
+  "split-pane": "Split Pane",
+  "button": "Button Components"
 }

src/router/index.ts

@@ -67,6 +67,15 @@ const routes: Array<RouteRecordRaw> = [
           showLink: false,
           savedPosition: true
         }
+      },
+      {
+        path: '/components/button',
+        component: () => import(/* webpackChunkName: "components" */ '../views/components/button/index.vue'),
+        meta: {
+          title: 'button',
+          showLink: false,
+          savedPosition: true
+        }
       }
     ],
     meta: {

src/views/components/button/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <iframe src="./button.html" frameborder="0" class="iframe"></iframe>
+</template>
+
+<script lang='ts'>
+export default {
+  setup() {
+    return {};
+  },
+};
+</script>
+
+<style scoped>
+.iframe {
+  width:98%;
+  height:90vh;
+  border-radius: 6px;
+}
+</style>