Files
jiapu/dist/public/js/lay-module/step-lay/step.js
T

2 lines
1.6 KiB
JavaScript

layui.define(["layer","carousel"],function(o){var l=layui.jquery,f=layui.layer,v=layui.carousel,r=function(e,t,a){for(var i='<div class="lay-step">',s=0;s<t.length;s++){i+='<div class="step-item">',s<t.length-1&&(s<a?i+='<div class="step-item-tail"><i class="step-item-tail-done"></i></div>':i+='<div class="step-item-tail"><i class=""></i></div>');var c=t[s].number;c||(c=s+1),s==a?i+='<div class="step-item-head step-item-head-active"><i class="layui-icon">'+c+"</i></div>":s<a?i+='<div class="step-item-head"><i class="layui-icon layui-icon-ok"></i></div>':i+='<div class="step-item-head "><i class="layui-icon">'+c+"</i></div>";var d=t[s].title,n=t[s].desc;(d||n)&&(i+='<div class="step-item-main">',d&&(i+='<div class="step-item-main-title">'+d+"</div>"),n&&(i+='<div class="step-item-main-desc">'+n+"</div>"),i+="</div>"),i+="</div>"}i+="</div>",l(e).prepend(i);var u=100/t.length;l(".step-item").css("width",u+"%")},y={render:function(e){e.indicator="none",e.arrow="always",e.autoplay=!1,e.stepWidth||(e.stepWidth="400px"),v.render(e);var t=e.stepItems;r(e.elem,t,0),l(".lay-step").css("width",e.stepWidth),v.on("change("+e.filter+")",function(a){l(e.elem).find(".lay-step").remove(),r(e.elem,t,a.index),l(".lay-step").css("width",e.stepWidth)}),l(e.elem).find(".layui-carousel-arrow").css("display","none"),l(e.elem).css("background-color","transparent")},next:function(e){l(e).find(".layui-carousel-arrow[lay-type=add]").trigger("click")},pre:function(e){l(e).find(".layui-carousel-arrow[lay-type=sub]").trigger("click")}};layui.link(layui.cache.base+"step-lay/step.css?v="+new Date().getTime()),o("step",y)});