UNPKG

vue-yizun-ui

Version:
2 lines 3.93 kB
webpackJsonp([2],{NRdd:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var r={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"container"},[e("div",{staticClass:"title"},[t._v("Steps(图标未定稿)")]),t._v(" "),e("div",{staticClass:"content"},[e("div",{staticClass:"item"},[e("div",{staticClass:"item-title"},[t._v("水平")]),t._v(" "),e("div",{staticClass:"item-sense"},[e("ss-steps",{attrs:{current:t.current.horizontal,status:t.status.horizontal}},[e("ss-step",{attrs:{title:"Horizontal",desc:"水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述"}}),t._v(" "),e("ss-step",{attrs:{title:"Horizontal",desc:"水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述"}}),t._v(" "),e("ss-step",{attrs:{title:"Horizontal",desc:"水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述水平描述"}})],1),t._v(" "),e("div",{staticClass:"ctrlBtnArea"},[e("button",{on:{click:function(s){return t.prev("horizontal")}}},[t._v("后退")]),t._v(" "),e("button",{on:{click:function(s){return t.next("horizontal")}}},[t._v("前进")])]),t._v(" "),e("div",{staticClass:"statusBtnArea"},[e("button",{staticClass:"process",on:{click:function(s){return t.process("horizontal")}}},[t._v("正常")]),t._v(" "),e("button",{staticClass:"error",on:{click:function(s){return t.error("horizontal")}}},[t._v("错误")])])],1)]),t._v(" "),e("div",{staticClass:"item"},[e("div",{staticClass:"item-title"},[t._v("垂直")]),t._v(" "),e("div",{staticClass:"item-sense"},[e("ss-steps",{attrs:{current:t.current.vertical,direction:"vertical",status:t.status.vertical}},[e("ss-step",{attrs:{title:"Vertical",desc:"垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述"}}),t._v(" "),e("ss-step",{attrs:{title:"Vertical",desc:"垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述"}}),t._v(" "),e("ss-step",{attrs:{title:"Vertical",desc:"垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述垂直描述"}})],1)],1),t._v(" "),e("div",{staticClass:"ctrlBtnArea"},[e("button",{on:{click:function(s){return t.prev("vertical")}}},[t._v("后退")]),t._v(" "),e("button",{on:{click:function(s){return t.next("vertical")}}},[t._v("前进")])]),t._v(" "),e("div",{staticClass:"statusBtnArea"},[e("button",{staticClass:"process",on:{click:function(s){return t.process("vertical")}}},[t._v("正常")]),t._v(" "),e("button",{staticClass:"error",on:{click:function(s){return t.error("vertical")}}},[t._v("错误")])])]),t._v(" "),e("div",{staticClass:"item"},[e("div",[t._v("简单的步骤条")]),t._v(" "),e("div",{staticClass:"item-sense"},[e("ss-steps",{attrs:{current:t.current.simple,direction:"horizontal",status:t.status.simple}},[e("ss-simple-step",{attrs:{title:"第一步内容:"}}),t._v(" "),e("ss-simple-step",{attrs:{title:"第二步内容:"}}),t._v(" "),e("ss-simple-step",{attrs:{title:"第三步内容:"}})],1)],1),t._v(" "),e("div",{staticClass:"ctrlBtnArea"},[e("button",{on:{click:function(s){return t.prev("simple")}}},[t._v("后退")]),t._v(" "),e("button",{on:{click:function(s){return t.next("simple")}}},[t._v("前进")])])])])])},staticRenderFns:[]};var i=e("VU/8")({data:function(){return{status:{horizontal:"process",vertical:"process",simple:"process"},current:{horizontal:0,vertical:0,simple:0}}},methods:{prev:function(t){this.current[t]>0&&this.current[t]--},next:function(t){this.current[t]<2&&this.current[t]++},error:function(t){this.status[t]="error"},process:function(t){this.status[t]="process"}}},r,!1,function(t){e("WtH3")},"data-v-34bc83d4",null);s.default=i.exports},WtH3:function(t,s){}}); //# sourceMappingURL=2.10ae15f5733693306710.js.map