From 68249a0458ea170e2b25bdcd8efa4bdae0da1d39 Mon Sep 17 00:00:00 2001 From: iczer <1126263215@qq.com> Date: Tue, 23 Jun 2020 14:21:13 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E6=8A=BD=E5=B1=89/Drawer=20=E7=BB=84=E4=BB=B6=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E7=BB=93=E5=B1=80=E5=B8=83=E5=B1=80=E9=97=AE?= =?UTF-8?q?=E9=A2=98=EF=BC=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/tool/Drawer.vue | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/components/tool/Drawer.vue b/src/components/tool/Drawer.vue index 4a3b6d9..053caf2 100644 --- a/src/components/tool/Drawer.vue +++ b/src/components/tool/Drawer.vue @@ -99,7 +99,7 @@ export default { } } &.close{ - transform: translateX(-100%) translateX(40px); + transform: translateX(-100%); } } &.right{ @@ -113,7 +113,7 @@ export default { } } &.close{ - transform: translateX(100%) translateX(-40px); + transform: translateX(100%); } } .sider{ @@ -125,12 +125,12 @@ export default { height: 100%; } .handler-container{ + position: absolute; display: inline-block; text-align: center; transition: all 0.5s; cursor: pointer; - vertical-align: top; - margin-top: 200px; + top: 200px; z-index: 100; .handler { height: 40px; @@ -141,11 +141,13 @@ export default { line-height: 40px; } &.left{ + right: -40px; .handler{ border-radius: 0 5px 5px 0; } } &.right{ + left: -40px; .handler{ border-radius: 5px 0 0 5px; }