ijijin-view/vue/less/PullWindow.less

vuejs UI components, from ijijin.

// 上拉弹窗

.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) !important;
            transform: translate3d(0, 120vw, 0) !important;
}