| 12 |
- /*! NutUI v1.2.2 Tue May 15 2018 17:51:06 GMT+0800 (中国标准时间) */
- webpackJsonpnutui([18],{1088:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("nut-docheader",{attrs:{name:t.$route.name,chName:t.$route.params.chnName,type:"Component",desc:"步骤条。",showQrCode:!0}}),t._v(" "),s("h5",[t._v("示例")]),t._v(" "),s("h6",[t._v("默认用法")]),t._v(" "),s("nut-codebox",{attrs:{code:t.demo1,imgUrl:["../asset/img/demo/step1.png"]}}),t._v(" "),s("h6",[t._v("可配置活动数值，显示进度数字以及title具体每个进度条的高度")]),t._v(" "),s("nut-codebox",{attrs:{code:t.demo2,imgUrl:["../asset/img/demo/step2.png"]}}),t._v(" "),s("h6",[t._v("可以设置进度条为图片")]),t._v(" "),s("nut-codebox",{attrs:{code:t.demo3,imgUrl:["../asset/img/demo/step3.png"]}}),t._v(" "),s("h5",[t._v("Props")]),t._v(" "),t._m(0)],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"tbl-wrapper"},[s("table",{staticClass:"u-full-width"},[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("默认值")]),t._v(" "),s("th",[t._v("可选值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("stepsId")]),t._v(" "),s("td",[t._v("当同一页面有多个进度条时，需设置每个进度条组件单独的stepsId，如只有一个进度条组件，则无需设置该属性")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("''")]),t._v(" "),s("td",[t._v("--")])]),t._v(" "),s("tr",[s("td",[t._v("stepTitle")]),t._v(" "),s("td",[t._v("每个进度条的标题")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("--")]),t._v(" "),s("td",[t._v("--")])]),t._v(" "),s("tr",[s("td",[t._v("active")]),t._v(" "),s("td",[t._v("每个进度条组件激活的个数")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("0")]),t._v(" "),s("td",[t._v("--")])]),t._v(" "),s("tr",[s("td",[t._v("showNum")]),t._v(" "),s("td",[t._v("是否显示进度条左侧的数字")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")]),t._v(" "),s("td",[t._v("true/false")])]),t._v(" "),s("tr",[s("td",[t._v("titleTop")]),t._v(" "),s("td",[t._v("进度条标题距离顶部的距离，单位为rem")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("0.3")]),t._v(" "),s("td",[t._v("--")])]),t._v(" "),s("tr",[s("td",[t._v("icon")]),t._v(" "),s("td",[t._v("左侧进度条的图片地址")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("--")]),t._v(" "),s("td",[t._v("--")])])])])])}]}},1181:function(t,e,s){var v=s(989);"string"==typeof v&&(v=[[t.i,v,""]]),v.locals&&(t.exports=v.locals);s(3)("2bbce5a6",v,!0,{})},863:function(t,e,s){function v(t){s(1181)}var _=s(1)(s(957),s(1088),v,"data-v-3984aa78",null);t.exports=_.exports},957:function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var v=s(20);!function(t){t&&t.__esModule}(v);e.default={data:function(){return{demo1:'<nut-steps stepsId="step1">\n <nut-step stepTitle="您的订单已经发往北京"><p>2017-12-12</p></nut-step>\n <nut-step stepTitle="您的订单已经到达上海"><p>2017-12-11</p></nut-step>\n <nut-step stepTitle="快递公司已揽件"><p>2017-12-10</p></nut-step>\n</nut-steps>',demo2:'<nut-steps stepsId="step2" :active="2" :showNum=\'true\' :titleTop="0.4">\n <nut-step stepTitle="您的订单已经发往北京"><p>2017-12-12</p></nut-step>\n <nut-step stepTitle="您的订单已经到达上海"><p>2017-12-11</p></nut-step>\n <nut-step stepTitle="快递公司已揽件"><p>2017-12-10</p></nut-step>\n</nut-steps>',demo3:'<nut-steps stepsId="step3" :active="1">\n <nut-step stepTitle="您的订单已经发往北京" icon="图片地址1"><p>2017-12-12</p></nut-step>\n <nut-step stepTitle="您的订单已经到达上海" icon="图片地址2"><p>2017-12-11</p></nut-step>\n <nut-step stepTitle="快递公司已揽件" icon="图片地址2"><p>2017-12-10</p></nut-step>\n</nut-steps>'}},methods:{}}},989:function(t,e,s){e=t.exports=s(2)(),e.push([t.i,"",""])}});
|
