blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

修改：调整抽屉/Drawer 组件样式，结局布局问题；

Browse Source
This commit is contained in:
iczer 2020-06-23 14:21:13 +08:00
parent 198b1e2ab5
commit 68249a0458
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/tool/Drawer.vue
View File

@ -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;
} }