jdvue/src/components/actionsheet/index.less

A Vue.js 2.0 Mobile UI components at JinDanLiCai

.v-actionsheet {
    &-mask{
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
    }
    
    &-cont{
        position: fixed;
        z-index: 101;
        left: 0;
        bottom: 0;
        width: 100%;
        max-height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch; 
    }

    &-float{
        &-enter-active {
            animation: van-slide-bottom-enter .3s both ease;
        }

        &-leave-active {
            animation: van-slide-bottom-leave  .3s both ease;
        }
    }
    @keyframes van-slide-bottom-enter {
        from {
            transform: translate3d(0, 100%, 0);
        }
    }
    @keyframes van-slide-bottom-leave {
        to {
            transform: translate3d(0, 100%, 0);
        }
    }
}
.hidden{
    height: 100vh;
    overflow: hidden;
}