From e54dc74775e1a0d5d3fdbac0b34eb76c2a579104 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Fri, 24 Aug 2018 14:55:51 +0800
Subject: [PATCH] update demo

---
 examples/routers/drawer.vue | 121 +++++++++++++++++++-----------------
 1 file changed, 64 insertions(+), 57 deletions(-)

diff --git a/examples/routers/drawer.vue b/examples/routers/drawer.vue
index 9455f29a..b3546b9a 100644
--- a/examples/routers/drawer.vue
+++ b/examples/routers/drawer.vue
@@ -5,65 +5,67 @@
         <Button @click="visible3 = true">show3</Button>
 
         <div style="width: 500px;height:500px;background: green;position: relative;">
-            <Drawer v-model="visible" title="抽屉标题" :styles="styles" :transfer="false" inner>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <Button @click="visible2 = true">show2</Button>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-                <p>一些内容</p>
-            </Drawer>
+
         </div>
 
+        <Drawer v-model="visible" width="70" title="抽屉标题" :styles="styles" @on-close="handleClose">
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <Button @click="visible2 = true">show2</Button>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+            <p>一些内容</p>
+        </Drawer>
+
 
         <Drawer v-model="visible2" title="抽屉标题" placement="right">
             <p>一些内容</p>
@@ -201,6 +203,11 @@
                     backgroundColor: 'rgba(255,0,255,0.5)'
                 }
             };
+        },
+        methods: {
+            handleClose () {
+                this.$Message.info('关闭了');
+            }
         }
     };
 </script>