From d23996b39ff6fe8716447ce066d8e9e213f2db18 Mon Sep 17 00:00:00 2001
From: Sight <1453017105@qq.com>
Date: Sun, 3 Apr 2022 14:00:38 +0000
Subject: [PATCH] =?UTF-8?q?fix(docs):=20=E4=BF=AE=E5=A4=8D=E7=83=AD?=
 =?UTF-8?q?=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/index.md | 16 +++++++---------
 example/src/main.ts         |  7 ++++++-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/example/docs/zh-CN/index.md b/example/docs/zh-CN/index.md
index 9cac858..540caca 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 8730ef3..2ec0b09 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
-- 
Gitee