diff --git a/example/docs/zh-CN/index.md b/example/docs/zh-CN/index.md
index 9cac85898e595b4c6457dbc6231a7dbe62a81cb1..540cacaa86da1c54ae7d98bf488bf09ca3019360 100644
--- a/example/docs/zh-CN/index.md
+++ b/example/docs/zh-CN/index.md
@@ -362,14 +362,13 @@ const openRight = function() {
 </template>
 
 <script setup>
-import { reactive, h } from 'vue'
+import { reactive, h, resolveComponent } from 'vue'
 import { layer } from  "../../../src/index"
-import ChildrenOne from '../../src/components/Children1.vue'
 
 const data = reactive({
     remark: "信息"
 })
-
+const ChildrenOne = resolveComponent('Children1')
 const openComponent1 = () => {
   layer.open({
     title: '标题',
@@ -389,12 +388,12 @@ const openComponent1 = () => {
 </template>
 
 <script setup>
-import { ref, reactive, h } from 'vue'
+import { reactive, h, resolveComponent } from 'vue'
 import { layer } from  "../../../src/index"
-import ChildrenTwo from '../../src/components/Children2.vue'
 
 const prop = reactive({})
 const numb = ref(1000)  
+const ChildrenTwo = resolveComponent('Children2')
 
 const openComponent2 = () => {
   layer.open({
@@ -427,18 +426,17 @@ const openComponent2 = () => {
 
 <script setup>
 
-let id;
-
 const open = function() {
-    id = layer.open({
+  const id = layer.open({
         title: "标题",
         content: "内容",
         shade: false
     })
+    return id;
 }
 
 const close = function() {
-    layer.close(id);
+    layer.close(open);
 }
 
 const closeAll = function() {
diff --git a/example/src/main.ts b/example/src/main.ts
index 8730ef3983a29b6ef5b9c9c327638a12e1686212..2ec0b099dfb1652af069312b411b731b8249f6ec 100644
--- a/example/src/main.ts
+++ b/example/src/main.ts
@@ -3,6 +3,8 @@ import { App, createApp as _createApp } from 'vue'
 import { createRouter } from './router/index'
 import { Router } from 'vue-router'
 import LayCode from './components/LayCode.vue'
+import Children1  from './components/Children1.vue'
+import Children2  from './components/Children2.vue'
 import './assets/css/index.css'
 
 export function createApp(): {
@@ -13,7 +15,10 @@ export function createApp(): {
   const app = _createApp(Layout);
   const router = createRouter();
 
-  app.use(router).component('LayCode', LayCode)
+   app.use(router)
+    .component('LayCode', LayCode)
+    .component('Children1',Children1)
+    .component('Children2', Children2)
 
   return { app, router }
 }
\ No newline at end of file