修改:调整抽屉/Drawer 组件样式,结局布局问题;

master
iczer 4 years ago
parent 198b1e2ab5
commit 68249a0458
  1. 10
      src/components/tool/Drawer.vue

@ -99,7 +99,7 @@ export default {
} }
} }
&.close{ &.close{
transform: translateX(-100%) translateX(40px); transform: translateX(-100%);
} }
} }
&.right{ &.right{
@ -113,7 +113,7 @@ export default {
} }
} }
&.close{ &.close{
transform: translateX(100%) translateX(-40px); transform: translateX(100%);
} }
} }
.sider{ .sider{
@ -125,12 +125,12 @@ export default {
height: 100%; height: 100%;
} }
.handler-container{ .handler-container{
position: absolute;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
vertical-align: top; top: 200px;
margin-top: 200px;
z-index: 100; z-index: 100;
.handler { .handler {
height: 40px; height: 40px;
@ -141,11 +141,13 @@ export default {
line-height: 40px; line-height: 40px;
} }
&.left{ &.left{
right: -40px;
.handler{ .handler{
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
} }
} }
&.right{ &.right{
left: -40px;
.handler{ .handler{
border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
} }

Loading…
Cancel
Save