捕梦者基础前端框架
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1 lines
2.5 KiB

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-129a42f2"],{"0f7d":function(t,e,s){"use strict";s("2ac6")},"2ac6":function(t,e,s){},a4cf:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("el-card",{attrs:{shadow:"never",header:"步骤条"}},[s("div",{staticClass:"demo-steps-item"},[s("el-steps",{staticClass:"ele-steps-horizontal",attrs:{active:t.stepsActive}},[s("el-step",{attrs:{title:"第一步"}}),s("el-step",{attrs:{title:"第二步"}}),s("el-step",{attrs:{title:"第三步"}}),s("el-step",{attrs:{title:"第四步"}})],1)],1),s("div",{staticClass:"demo-steps-item"},[s("el-steps",{staticClass:"ele-steps-horizontal",attrs:{active:t.stepsActive}},[s("el-step",{attrs:{title:"第一步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第二步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第三步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第四步",description:"这里是该步骤的描述信息"}})],1)],1),s("div",{staticClass:"demo-steps-item",staticStyle:{"margin-bottom":"16px"}},[s("el-button",{attrs:{size:"small"},on:{click:t.stepsPrev}},[t._v("上一步")]),s("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.stepsNext}},[t._v("下一步")])],1),s("div",{staticClass:"demo-steps-item-vertical"},[s("el-steps",{staticStyle:{height:"360px"},attrs:{direction:"vertical",active:t.stepsActive}},[s("el-step",{attrs:{title:"第一步"}}),s("el-step",{attrs:{title:"第二步"}}),s("el-step",{attrs:{title:"第三步"}}),s("el-step",{attrs:{title:"第四步"}})],1)],1),s("div",{staticClass:"demo-steps-item-vertical"},[s("el-steps",{staticStyle:{height:"360px"},attrs:{direction:"vertical",active:t.stepsActive}},[s("el-step",{attrs:{title:"第一步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第二步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第三步",description:"这里是该步骤的描述信息"}}),s("el-step",{attrs:{title:"第四步",description:"这里是该步骤的描述信息"}})],1)],1)])},a=[],l={name:"DemoSteps",data:function(){return{stepsActive:0}},methods:{stepsNext:function(){this.stepsActive++,this.stepsActive>4&&(this.stepsActive=0)},stepsPrev:function(){this.stepsActive--,this.stepsActive<0&&(this.stepsActive=4)}}},c=l,p=(s("0f7d"),s("2877")),r=Object(p["a"])(c,i,a,!1,null,"b48e1170",null);e["default"]=r.exports}}]);