(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-dffddad0"],{"0094":function(t,e,s){"use strict";var l=s("3b3b"),i=s.n(l);i.a},"3b3b":function(t,e,s){},"582c":function(t,e,s){"use strict";s.r(e);var l=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"lin-container"},[s("div",{staticClass:"lin-title"},[t._v("Steps 步骤条")]),s("div",{staticClass:"lin-wrap-ui"},[s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("基础用法")])]),s("el-row",[s("div",[s("el-steps",{attrs:{active:t.active,"finish-status":"success"}},[s("el-step",{attrs:{title:"步骤 1"}}),s("el-step",{attrs:{title:"步骤 2"}}),s("el-step",{attrs:{title:"步骤 3"}})],1),s("el-button",{staticStyle:{"margin-top":"12px"},on:{click:t.next}},[t._v("下一步")])],1)]),s("el-collapse",[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.base))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("含状态步骤条")])]),s("el-row",[s("div",[s("el-steps",{attrs:{space:200,active:1,"finish-status":"success"}},[s("el-step",{attrs:{title:"已完成"}}),s("el-step",{attrs:{title:"进行中"}}),s("el-step",{attrs:{title:"步骤 3"}})],1)],1)]),s("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.title))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("有描述的步骤条")])]),s("el-row",[s("div",[s("el-steps",{attrs:{active:1}},[s("el-step",{attrs:{title:"步骤 1",description:"这是一段很长很长很长的描述性文字"}}),s("el-step",{attrs:{title:"步骤 2",description:"这是一段很长很长很长的描述性文字"}}),s("el-step",{attrs:{title:"步骤 3",description:"这段就没那么长了"}})],1)],1)]),s("el-collapse",{staticClass:"test",staticStyle:{color:"red"}},[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.description))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("居中的步骤条")])]),s("el-row",[s("div",[s("el-steps",{attrs:{active:2,"align-center":""}},[s("el-step",{attrs:{title:"步骤1",description:"这是一段很长很长很长的描述性文字"}}),s("el-step",{attrs:{title:"步骤2",description:"这是一段很长很长很长的描述性文字"}}),s("el-step",{attrs:{title:"步骤3",description:"这是一段很长很长很长的描述性文字"}}),s("el-step",{attrs:{title:"步骤4",description:"这是一段很长很长很长的描述性文字"}})],1)],1)]),s("el-collapse",[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.alignCenter))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("带图标的步骤条")])]),s("el-row",[s("div",[s("el-steps",{attrs:{active:1}},[s("el-step",{attrs:{title:"步骤 1",icon:"el-icon-edit"}}),s("el-step",{attrs:{title:"步骤 2",icon:"el-icon-upload"}}),s("el-step",{attrs:{title:"步骤 3",icon:"el-icon-picture"}})],1)],1)]),s("el-collapse",[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.icon))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("竖式步骤条")])]),s("el-row",[s("div",[s("div",{staticStyle:{height:"300px"}},[s("el-steps",{attrs:{direction:"vertical",active:1}},[s("el-step",{attrs:{title:"步骤 1"}}),s("el-step",{attrs:{title:"步骤 2"}}),s("el-step",{attrs:{title:"步骤 3",description:"这是一段很长很长很长的描述性文字"}})],1)],1)])]),s("el-collapse",[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.vertical))])])],1)],1),s("el-card",{staticStyle:{"margin-bottom":"50px"}},[s("div",{attrs:{slot:"header"},slot:"header"},[s("span",[t._v("简洁风格的步骤条")])]),s("el-row",[s("div",[s("el-steps",{attrs:{active:1,simple:""}},[s("el-step",{attrs:{title:"步骤 1",icon:"el-icon-edit"}}),s("el-step",{attrs:{title:"步骤 2",icon:"el-icon-upload"}}),s("el-step",{attrs:{title:"步骤 3",icon:"el-icon-picture"}})],1),s("el-steps",{staticStyle:{"margin-top":"20px"},attrs:{active:1,"finish-status":"success",simple:""}},[s("el-step",{attrs:{title:"步骤 1"}}),s("el-step",{attrs:{title:"步骤 2"}}),s("el-step",{attrs:{title:"步骤 3"}})],1)],1)]),s("el-collapse",[s("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[s("div",{staticStyle:{"white-space":"pre-wrap"}},[t._v(t._s(t.simple))])])],1)],1)],1)])},i=[],a={name:"LinCmsUiButton",components:{},data:function(){return{active:0,base:'     \n        <el-steps :active="active" finish-status="success">\n          <el-step title="步骤 1"></el-step>\n          <el-step title="步骤 2"></el-step>\n          <el-step title="步骤 3"></el-step>\n        </el-steps>\n\n        <el-button style="margin-top: 12px;" @click="next">下一步</el-button>\n\n        <script>\n          export default {\n            data() {\n              return {\n                active: 0\n              };\n            },\n\n            methods: {\n              next() {\n                if (this.active++ > 2) this.active = 0;\n              }\n            }\n          }\n        <\/script>',title:'\n        <el-steps :space="200" :active="1" finish-status="success">\n          <el-step title="已完成"></el-step>\n          <el-step title="进行中"></el-step>\n          <el-step title="步骤 3"></el-step>\n        </el-steps>',alignCenter:'\n        <el-steps :active="2" align-center>\n          <el-step title="步骤1" description="这是一段很长很长很长的描述性文字"></el-step>\n          <el-step title="步骤2" description="这是一段很长很长很长的描述性文字"></el-step>\n          <el-step title="步骤3" description="这是一段很长很长很长的描述性文字"></el-step>\n          <el-step title="步骤4" description="这是一段很长很长很长的描述性文字"></el-step>\n        </el-steps>',description:'\n        <el-steps :active="1">\n          <el-step title="步骤 1" description="这是一段很长很长很长的描述性文字"></el-step>\n          <el-step title="步骤 2" description="这是一段很长很长很长的描述性文字"></el-step>\n          <el-step title="步骤 3" description="这段就没那么长了"></el-step>\n        </el-steps>',icon:'\n        <el-steps :active="1">\n          <el-step title="步骤 1" icon="el-icon-edit"></el-step>\n          <el-step title="步骤 2" icon="el-icon-upload"></el-step>\n          <el-step title="步骤 3" icon="el-icon-picture"></el-step>\n        </el-steps>',vertical:'\n        <div style="height: 300px;">\n          <el-steps direction="vertical" :active="1">\n            <el-step title="步骤 1"></el-step>\n            <el-step title="步骤 2"></el-step>\n            <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>\n          </el-steps>\n        </div>',simple:'\n        <el-steps :active="1" simple>\n          <el-step title="步骤 1" icon="el-icon-edit"></el-step>\n          <el-step title="步骤 2" icon="el-icon-upload"></el-step>\n          <el-step title="步骤 3" icon="el-icon-picture"></el-step>\n        </el-steps>\n\n        <el-steps :active="1" finish-status="success" simple style="margin-top: 20px">\n          <el-step title="步骤 1" ></el-step>\n          <el-step title="步骤 2" ></el-step>\n          <el-step title="步骤 3" ></el-step>\n        /el-steps>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{next:function(){this.active++>2&&(this.active=0)},init:function(){}}},p=a,n=(s("0094"),s("2877")),c=Object(n["a"])(p,l,i,!1,null,"45dcb760",null);e["default"]=c.exports}}]);