css竖向流程条(自适应)

1.png

css部分

html部分

js部分

var vm = new Vue({
    data: {
        myData: [
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条',
            '我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条我是竖向流程条'
        ]
    }
}).$mount('#app')