image preview

This commit is contained in:
cookfront
2017-03-05 16:57:50 +08:00
parent f224cda4f2
commit 8856af91fd
7 changed files with 102 additions and 21 deletions

View File

@@ -1,15 +1,29 @@
@component-namespace zan {
@b image-preview {
position: absolute;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 75%;
overflow: hidden;
height: 100%;
overflow: scroll;
@e image {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
transition: .2s;
position: absolute;
left: 0;
@m center {
top: 50%;
transform: translate3d(0, -50%, 0);
}
@m top {
top: 0;
transform: none;
}
}
}
}