blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

优化Dialog消失效果

Browse Source
This commit is contained in:
Nino 2016-12-22 13:28:45 +08:00
parent 4e75ba090b
commit 979ae94f36
1 changed files with 11 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
dist/dialog/index.wxss vendored
View File

@ -1,41 +1,26 @@
.zui-dialog,
.zui-dialog__mask { .zui-dialog__mask {
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
z-index: 10; z-index: 10;
}
.zui-dialog__mask {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
display: none;
} }
@keyframes slideUp {
0% {
transform: translateY(100%);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.zui-dialog__container { .zui-dialog__container {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
width: 750rpx; width: 750rpx;
background: white; background: white;
transform: translateY(0); transform: translateY(150%);
opacity: 0;
transition: all 0.4s ease; transition: all 0.4s ease;
animation: slideUp 0.4s ease ;
animation-fill-mode: forwards;
animation-delay: 0.1s;
z-index: 11; z-index: 11;
} }
.zui-dialog--show .zui-dialog__container {
transform: translateY(0);
}
.zui-dialog--show .zui-dialog__mask {
display: block;
}