ijijin-view
Version:
vuejs UI components, from ijijin.
51 lines (46 loc) • 1.88 kB
text/less
// 上拉弹窗
.vu-pull-window .vu-select {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 19;
width: 100%;
height: 115.67vw;
background-color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
header{
padding-top: 1.33vw;
line-height: 12vw;
height: 12vw;
text-align: center;
font-size: 4.27vw;
font-weight: normal;
a {
font-size: 3.2vw;
right: 4vw;
top: 1.33vw;
}
.icon-close{
left: 0;
top: 0;
}
}
.m-v_ctn{
margin: 0 auto;
padding-top: 2.67vw;
width: 92%;
line-height: 6.67vw;
max-height: 95vw;
}
.icon-close{
width: 12vw;
height: 13.33vw;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABkCAYAAAAG2CffAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrs3EFKw0AUgOF0LN6gdxBB8AhizyC4cZud6MZjKK6zFd0I3kDPIIhCb1Ao9ACCxBeYgRIQk7aZvjfz//Ao6SbtR2lnZtFRXdcFDZ+DAGigCWiggSaggSaggQaagAaagAYaaAIaaAIaaKAJaKAJaKCBJqCBJqCBBpqABpr6NN7Vjauqah6uZJ5kFrt4DWVZZvGJvpG5l3mVmUS658Tf7zinr44HmZnMUSTsgHwqc5sT9FzmJBJ2QG7u8y5zltuPYQzsNvJUZpnjqmNIbBXImpZ3Q2CrQda2jt4mtipkjRuWgP21AbY6ZK07w7nHWQdbJbLmLfg62GqRtZ919MFWjawduiu2emQL0P9hm0C2Av0X9qEV5KZxYaeAHXA//fPqkS19olexz2V+/PW3v15qf+HWoJvv5EeZPX+9L/NcxDvPzgK6/cN3sOEOEuiO6+TZFrbrQHdcJy+sYDvDyIUlbGcc2Qy2SwDZBLZLBFk9tksIWTW2SwxZLbZLELmN/aEB2yWKvIo91YDtEkZWhe0SR1aDvUvolyLuoX0b+yIX6GuZtyLuoX3AvpS5i/lmR/z1PGcdQBPQQANNQANNQAMNNAENNAENNNAENNAENNBAE9BAE9BAA01AA01AAw00AQ009elXgAEATRW5fjV7JmgAAAAASUVORK5CYII=)
}
}
.vu-trans-win-enter, .vu-trans-win-leave-active {
-webkit-transform: translate3d(0, 120vw, 0) ;
transform: translate3d(0, 120vw, 0) ;
}