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

master
iczer 4 years ago
parent 198b1e2ab5
commit 68249a0458
  1. 10
      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;
}

Loading…
Cancel
Save