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