diff --git a/src/components/d2-container-frame/index.vue b/src/components/d2-container-frame/index.vue
index a2b6dd6c..d638edb1 100644
--- a/src/components/d2-container-frame/index.vue
+++ b/src/components/d2-container-frame/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container v-bind="$attrs">
     <iframe
       class="d2-container-frame"
       :src="src"
diff --git a/src/pages/demo/frame/d2-doc/index.vue b/src/pages/demo/frame/d2-doc/index.vue
index bc5cc937..9e4f5ce1 100644
--- a/src/pages/demo/frame/d2-doc/index.vue
+++ b/src/pages/demo/frame/d2-doc/index.vue
@@ -1,3 +1,13 @@
 <template>
-  <d2-container-frame src="https://doc.d2admin.fairyever.com/zh/"/>
+  <d2-container-frame :filename="filename" src="https://doc.d2admin.fairyever.com/zh/"/>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  }
+}
+</script>