基于layui的步骤条面板（附代码）

layui.use(['jquery','step'], function(){

    var $ = layui.jquery;

    var step = layui.step;

    step.render({

        elem: '.layui-step',

        // title: ["第一步","第二步","第三步","第四步"],

        description: ["aaa","bbb","ccc","ddd"],

        currentStep: 1,

        // canIconClick: true,

        isOpenStepLevel: true

    });

    $(".goFirst").on("click",function() {

        step.goFirst();

    })

    $(".prev").on("click",function() {

        step.prev();

    })

    $(".next").on("click",function() {

        step.next();

    })

    $(".goLast").on("click",function() {

        step.goLast();

    })

    $(".goStep").on("click",function() {

        step.goStep(2);

    })

    $(".disabled").on("click",function() {

        step.disabled(3);

    })

    $(".abled").on("click",function() {

        step.abled(3);

    })

});