基础 frame 组件

Former-commit-id: f87bcbcd649d8ccb32315a616373da5d3c06c951 [formerly f87bcbcd649d8ccb32315a616373da5d3c06c951 [formerly f87bcbcd649d8ccb32315a616373da5d3c06c951 [formerly f87bcbcd649d8ccb32315a616373da5d3c06c951 [formerly f154a2ad488744fafe95ae76e35ac95630f75b75 [formerly 6f524e41dacef0b063ea0fce43a905c562bc0391]]]]]
Former-commit-id: 4abfc995797ecb981d73f3e4bf0852b1967e8276
Former-commit-id: eac9f2e9aaba8b2655f39407781e200d81c39ee9
Former-commit-id: fe393da3d9eaf174d6abae109114ebd8aadb4266 [formerly f43cdcd4e947a8cfb1a94f0f7d824b9644b02bc3]
Former-commit-id: 8a71ea98b43c42fa0ba3805f1ebd464ebe8e83ae
Former-commit-id: 2b6f970add4b5456b7bc40fcae7ae44e66b49347
Former-commit-id: debe62818c1f6dac78c1aaef67518d994395fd6c
Former-commit-id: d0050073d042ca073b8cd4f5f5a7972fbfc46e15
Former-commit-id: ce0fcfba77b7714db0ff25a229ae6f0d3559e050

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>

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'))