jdvue/src/components/slide/index.less

A Vue.js 2.0 Mobile UI components at JinDanLiCai

.v-slide{
    position: relative;
    min-height: 1px;
    height: 100%;

    &-group{
        position: relative;
        height: 100%;
        overflow: hidden;
        white-space: nowrap;
    }

    &-item{
        float: left;
        box-sizing: border-box;
        height: 100%;
        text-align: center;

        a{
            display: block;
            height: 100%;
            overflow: hidden;
            
            img{
                display: block;
                width: 100%;
            }
        }  
    }

    &-dots{
        position: absolute;
        bottom: 7.5px;
        right: 0;
        left: 0;
        padding: 0 3px;
        text-align: center;

        span {
            display: inline-block;
            margin-right: 5px;
            border-radius: 100%;
            width: 6px;
            height: 6px;
            background: @gray-min;

            &.active{
                background: @yellow;
            }
            &:last-child{
                margin-right: 0;
            }
        } 
    }
}