jdvue/src/components/scroll/index.less

A Vue.js 2.0 Mobile UI components at JinDanLiCai

.v-scroll{
    position: relative;
    height: 100%;
    overflow: hidden;
    &-cont{
        position: relative;
        z-index: 1;
    }
    &-pullup-wrap{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #eee;
    }
    &-before-trigger{
        padding: 12px 0;
        min-height: 1em;
    }
    &-after-trigger{
        padding: 10px 0;
        img{
            width: 20px;
            height: 20px;
        }
    }

    &-pulldown-wrap{
        position: absolute;
        width: 100%;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all;
        .v-scroll-after-trigger{
            margin: 5px 0;
        }
        .v-scroll-before-trigger{
            padding: 0;
        }
    }
}