diff --git a/packages/docs/src/page/index.md b/packages/docs/src/page/index.md
index cc9510f..3516692 100644
--- a/packages/docs/src/page/index.md
+++ b/packages/docs/src/page/index.md
@@ -2,7 +2,21 @@
 
 页面是整个低代码平台中最重要的部分，也是整个低代码平台的核心。它可以关联到项目中，也可以独立存在。假设我们公司有一个老项目，我们想要通过 Marsview 单独实现其中一个页面，就可以只创建该页面，等页面搭建完成后，通过微服务集成到老项目中。
 
-![访问端工作台](/page/editor.png)
+**页面使用**
+
+<video width="680" controls>
+
+  <source src="/vedio/page-1.mp4" type="video/mp4">  
+  您的浏览器不支持 Video 标签。  
+</video>
+
+**编辑器使用**
+
+<video width="680" controls>
+
+  <source src="/vedio/editor.mp4" type="video/mp4">  
+  您的浏览器不支持 Video 标签。  
+</video>
 
 ## 页面创建
 
diff --git a/packages/docs/src/public/vedio/editor.mp4 b/packages/docs/src/public/vedio/editor.mp4
new file mode 100644
index 0000000..f286655
Binary files /dev/null and b/packages/docs/src/public/vedio/editor.mp4 differ
diff --git a/packages/docs/src/public/vedio/page-1.mp4 b/packages/docs/src/public/vedio/page-1.mp4
new file mode 100644
index 0000000..6888856
Binary files /dev/null and b/packages/docs/src/public/vedio/page-1.mp4 differ
diff --git a/packages/editor/src/packages/IFrame/Schema.ts b/packages/editor/src/packages/IFrame/Schema.ts
index da7a46a..920c2b3 100644
--- a/packages/editor/src/packages/IFrame/Schema.ts
+++ b/packages/editor/src/packages/IFrame/Schema.ts
@@ -24,13 +24,13 @@ export default {
   config: {
     // 组件默认属性值
     props: {
-      src: 'https://baidu.com',
+      src: 'https://juejin.cn/',
       title: 'IFrame组件',
     },
     style: {
-      border: 'none',
-      width: '300px',
-      height: '500px',
+      border: '5px solid #7d33ff',
+      width: '100%',
+      height: '600px',
     },
     events: [],
     api: {},