webpackJsonp([0],Array(200).concat([function(s,a,t){function l(s){return t(n(s))}function n(s){var a=_[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var _={"./examples-dist/badge.vue":274,"./examples-dist/button.vue":275,"./examples-dist/card.vue":276,"./examples-dist/cell.vue":277,"./examples-dist/checkbox.vue":278,"./examples-dist/dialog.vue":279,"./examples-dist/field.vue":280,"./examples-dist/image-preview.vue":281,"./examples-dist/loading.vue":282,"./examples-dist/panel.vue":283,"./examples-dist/picker.vue":284,"./examples-dist/popup.vue":285,"./examples-dist/radio.vue":286,"./examples-dist/search.vue":287,"./examples-dist/steps.vue":288,"./examples-dist/switch.vue":289,"./examples-dist/tag.vue":290,"./examples-dist/waterfall.vue":291};l.keys=function(){return Object.keys(_)},l.resolve=n,s.exports=l,l.id=200},function(s,a,t){function l(s){return t(n(s))}function n(s){var a=_[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var _={"./examples-docs/badge.md":373,"./examples-docs/button.md":374,"./examples-docs/card.md":375,"./examples-docs/cell.md":376,"./examples-docs/checkbox.md":377,"./examples-docs/dialog.md":378,"./examples-docs/field.md":379,"./examples-docs/image-preview.md":380,"./examples-docs/install.md":381,"./examples-docs/layout.md":382,"./examples-docs/loading.md":383,"./examples-docs/panel.md":384,"./examples-docs/picker.md":385,"./examples-docs/popup.md":386,"./examples-docs/quickstart.md":387,"./examples-docs/radio.md":388,"./examples-docs/search.md":389,"./examples-docs/steps.md":390,"./examples-docs/switch.md":391,"./examples-docs/tag.md":392,"./examples-docs/waterfall.md":393};l.keys=function(){return Object.keys(_)},l.resolve=n,s.exports=l,l.id=201},,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var l=t(0)(t(226),t(335),null,null);s.exports=l.exports},function(s,a,t){s.exports={default:t(252),__esModule:!0}},,function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={props:{title:String}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default),a.default={methods:{handleClick:function(){console.log("cell click")}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default),a.default={data:function(){return{checkbox1:!0,checkbox2:!0,list:["a","b","c"],result:["a","b"]}},watch:{result:function(s){console.log(s)}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v),i=t(29);_.default.component("example-block",e.default),a.default={methods:{handleAlertClick:function(){i.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){i.Dialog.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(224),_=l(n),v=t(3),e=l(v),i=t(223),c=l(i);e.default.component("example-block",c.default);var r={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,_.default)(r),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,r[a[0]])}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default),a.default={data:function(){return{radio1:"1",radio2:"2",radio3:"1",radio4:"1"}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default),a.default={methods:{goSearch:function(s){alert(s)}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default),a.default={data:function(){return{active:0}},methods:{nextStep:function(){++this.active>3&&(this.active=0)}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(3),_=l(n),v=t(223),e=l(v);_.default.component("example-block",e.default)},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{handleClick:function(){console.log("cell click")}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{checkbox1:!0,checkbox2:!0,list:["a","b","c"],result:["a","b"]}},watch:{result:function(s){console.log(s)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var l=t(29);a.default={methods:{handleAlertClick:function(){l.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){l.Dialog.confirm({title:"confirm标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)},function(s){console.log(s)})}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var n=t(224),_=l(n),v={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,_.default)(v),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,v[a[0]])}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{radio1:"1",radio2:"2",radio3:"1",radio4:"1"}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{goSearch:function(s){alert(s)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{active:0}},methods:{nextStep:function(){++this.active>3&&(this.active=0)}}}},function(s,a,t){t(254),s.exports=t(6).Object.keys},function(s,a,t){var l=t(26),n=t(6),_=t(27);s.exports=function(s,a){var t=(n.Object||{})[s]||Object[s],v={};v[s]=a(t),l(l.S+l.F*_(function(){t(1)}),"Object",v)}},function(s,a,t){var l=t(46),n=t(45);t(253)("keys",function(){return function(s){return n(l(s))}})},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-loading__example{width:30px;height:30px;padding:20px;margin:auto;border-radius:5px;border:1px solid transparent}.demo-loading__example--with-bg{background-color:rgba(0,0,0,.5)}.demo-loading{padding:0 20px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},,function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-loading__example{width:30px;height:30px;padding:20px;margin:auto;border-radius:5px;border:1px solid transparent}.demo-loading__example--with-bg{background-color:rgba(0,0,0,.5)}.demo-loading{padding:0 20px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},function(s,a,t){a=s.exports=t(15)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},function(s,a,t){var l=t(0)(t(227),t(336),null,null);s.exports=l.exports},function(s,a,t){t(372);var l=t(0)(t(228),t(352),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(229),t(332),null,null);s.exports=l.exports},function(s,a,t){t(359);var l=t(0)(t(230),t(319),null,null);s.exports=l.exports},function(s,a,t){t(358);var l=t(0)(t(231),t(317),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(232),t(324),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(233),t(349),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(234),t(329),null,null);s.exports=l.exports},function(s,a,t){t(354);var l=t(0)(t(235),t(313),null,null);s.exports=l.exports},function(s,a,t){t(355);var l=t(0)(t(236),t(314),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(237),t(323),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(238),t(327),null,null);s.exports=l.exports},function(s,a,t){t(360);var l=t(0)(t(239),t(321),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(240),t(331),null,null);s.exports=l.exports},function(s,a,t){t(370);var l=t(0)(t(241),t(347),null,null);s.exports=l.exports},function(s,a,t){t(363);var l=t(0)(t(242),t(337),null,null);s.exports=l.exports},function(s,a,t){t(365);var l=t(0)(t(243),t(341),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(244),t(346),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(351),null,null);s.exports=l.exports},function(s,a,t){t(361);var l=t(0)(null,t(328),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(333),null,null);s.exports=l.exports},function(s,a,t){t(362);var l=t(0)(t(245),t(334),null,null);s.exports=l.exports},function(s,a,t){t(366);var l=t(0)(t(246),t(342),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(247),t(339),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(326),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(340),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(330),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(322),null,null);s.exports=l.exports},function(s,a,t){t(367);var l=t(0)(null,t(343),null,null);s.exports=l.exports},function(s,a,t){t(371);var l=t(0)(null,t(348),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(248),t(320),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(350),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(353),null,null);s.exports=l.exports},function(s,a,t){t(369);var l=t(0)(t(249),t(345),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(250),t(325),null,null);s.exports=l.exports},function(s,a,t){t(364);var l=t(0)(t(251),t(338),null,null);s.exports=l.exports},function(s,a,t){t(356);var l=t(0)(null,t(315),null,null);s.exports=l.exports},function(s,a,t){t(368);var l=t(0)(null,t(344),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(318),null,null);s.exports=l.exports},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-loading"},[t("h1",{staticClass:"demo-title"},[s._v("loading")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-panel"},[t("h1",{staticClass:"demo-title"},[s._v("panel")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n    panel内容\n  ")])])],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n    合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState,"on-change":s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"switchState"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":on-change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"updateState"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),t("span",[s._v("{{")]),s._v("switchStateText"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("switchState")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("computed")]),s._v(": {\n    switchStateText() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState ? "),t("span",{staticClass:"hljs-string"},[s._v("' ON'")]),s._v(" : "),t("span",{staticClass:"hljs-string"},[s._v("'OFF'")]),s._v(";\n    }\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    updateState(newState) {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState = newState;\n    }\n  }\n};  \n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"switch-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#switch-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Switch组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("checked")]),s._v(" "),t("td",[s._v("开关状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("loading状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("onChange")]),s._v(" "),t("td",[s._v("回调")]),s._v(" "),t("td",[s._v("function")]),s._v(" "),t("td",[s._v("function（）{}")]),s._v(" "),t("td",[s._v("-")])])])])}]}},,function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-checkbox"},[t("h1",{staticClass:"demo-title"},[s._v("checkbox")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{model:{value:s.checkbox1,callback:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{model:{value:s.checkbox2,callback:function(a){s.checkbox2=a}}},[s._v("复选框2")])],1)]),t("example-block",{attrs:{title:"Checkbox组"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{model:{value:s.result,callback:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),t("example-block",{attrs:{title:"禁用Checkbox组"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{attrs:{disabled:""},model:{value:s.result,callback:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),t("example-block",{attrs:{title:"与Cell组件一起使用"}},[t("zan-checkbox-group",{model:{value:s.result,callback:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"waterfall"},[t("div",{directives:[{name:"waterfall-lower",rawName:"v-waterfall-lower",value:s.loadMore,expression:"loadMore"},{name:"waterfall-upper",rawName:"v-waterfall-upper",value:s.loadMoreUpper,expression:"loadMoreUpper"}],attrs:{"waterfall-disabled":"isWaterfallDisabled","waterfall-offset":"400"}},[s._l(s.list,function(a){return t("div",{staticClass:"waterfall-item",staticStyle:{"text-align":"center"}},[s._v("\n      "+s._s(a)+"\n    ")])}),s._v(" "),s.loading?t("div",{staticStyle:{"text-align":"center"}},[s._v("\n      loading\n    ")]):s._e()],2)])]),s._v(" "),t("div",{
staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-lower")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMore"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-upper")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMoreUpper"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"isWaterfallDisabled"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-offset")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"400"')]),s._v("\n  >")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall-item"')]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v("\n    >")]),s._v("\n      "),t("span",[s._v("{{")]),s._v(" item "),t("span",[s._v("}}")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loading"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v(">")]),s._v("\n      loading\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": ["),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", "),t("span",{staticClass:"hljs-number"},[s._v("2")]),s._v(", "),t("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(", "),t("span",{staticClass:"hljs-number"},[s._v("4")]),s._v(", "),t("span",{staticClass:"hljs-number"},[s._v("5")]),s._v("],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n      "),t("span",{staticClass:"hljs-attr"},[s._v("finished")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v("\n    };\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    loadMore() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" ("),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list.length >= "),t("span",{staticClass:"hljs-number"},[s._v("200")]),s._v(") {\n        "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".finished = "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(";\n        "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n      }\n\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".loading = "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(";\n      setTimeout("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n        "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" lastNumber = "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list["),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list.length - "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v("];\n        "),t("span",{staticClass:"hljs-keyword"},[s._v("for")]),s._v(" ("),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" i = "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("; i < "),t("span",{staticClass:"hljs-number"},[s._v("5")]),s._v("; i ++) {\n          lastNumber += "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(";\n          "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list.push(lastNumber);\n        }\n        "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".loading = "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n      }, "),t("span",{staticClass:"hljs-number"},[s._v("2500")]),s._v(");\n    },\n    loadMoreUpper() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" ("),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list["),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("] < "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(") "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".list.unshift("),t("span",{staticClass:"hljs-number"},[s._v("-1")]),s._v(");\n    }\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("computed")]),s._v(": {\n    "),t("span",{staticClass:"hljs-attr"},[s._v("isWaterfallDisabled")]),s._v(": "),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-keyword"},[s._v("function")]),s._v("("),t("span",{staticClass:"hljs-params"}),s._v(") ")]),s._v("{\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".loading || "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".finished;\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"waterfall-pu-bu-liu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#waterfall-pu-bu-liu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Waterfall 瀑布流")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("waterfall-disabled")]),s._v(" "),t("td",[s._v("是否禁止瀑布流触发")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("waterfall-offset")]),s._v(" "),t("td",[s._v("触发瀑布流加载的阈值")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("300")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-cell"},[t("h1",{staticClass:"demo-title"},[s._v("cell")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),t("example-block",{attrs:{title:"标题带描述信息"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),t("example-block",{attrs:{title:"带图标"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),t("example-block",{attrs:{title:"可点击的链接"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-picker",{attrs:{columns:s.pickerColumns},on:{change:s.handlePickerChange}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":columns")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"pickerColumns"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"picker-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#picker-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Picker组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("visibileColumnCount")]),s._v(" "),t("td",[s._v("每一列可见备选元素的个数")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("5")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("itemHeight")]),s._v(" "),t("td",[s._v("选中元素区高度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("44")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("columns")]),s._v(" "),t("td",[s._v("对象数组，配置每一列显示的数据")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("showToolbar")]),s._v(" "),t("td",[s._v("是否在组件顶部显示一个toolbar")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"columns"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#columns","aria-hidden":"true"}},[s._v("¶")]),s._v(" columns")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("values")]),s._v(" "),t("td",[s._v("列中对应的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("defaultIndex")]),s._v(" "),t("td",[s._v("初始选中值的索引，默认为0")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在"),t("code",[s._v("change")]),s._v("事件中，可以获取到"),t("code",[s._v("picker")]),s._v("实例，对"),t("code",[s._v("picker")]),s._v("进行相应的更新等操作：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("函数")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("getColumnValue(index)")]),s._v(" "),t("td",[s._v("获取对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValue(index, value)")]),s._v(" "),t("td",[s._v("设置对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("getColumnValues(index)")]),s._v(" "),t("td",[s._v("获取对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValues(index, values)")]),s._v(" "),t("td",[s._v("设置对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("getValues()")]),s._v(" "),t("td",[s._v("获取所有列中被选中的值，返回一个数组")])]),s._v(" "),t("tr",[t("td",[s._v("setValues(values)")]),s._v(" "),t("td",[t("code",[s._v("values")]),s._v("为一个数组，设置所有列中被选中的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-radio"},[t("h1",{staticClass:"demo-title"},[s._v("radio")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{attrs:{name:"1"},model:{value:s.radio1,callback:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"},model:{value:s.radio1,callback:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{attrs:{name:"1",disabled:""},model:{value:s.radio2,callback:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{attrs:{name:"2",disabled:""},model:{value:s.radio2,callback:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),t("example-block",{attrs:{title:"radio组"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{model:{value:s.radio3,callback:function(a){s.radio3=a}}},[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)]),t("example-block",{attrs:{title:"与Cell组件一起使用"}},[t("zan-radio-group",{model:{value:s.radio4,callback:function(a){s.radio4=a}}},[t("zan-cell-group",[t("zan-cell",[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")])],1),s._v(" "),t("zan-cell",[t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section")},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-picker"},[t("h1",{staticClass:"demo-title"},[s._v("picker")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-picker",{attrs:{columns:s.pickerColumns},on:{change:s.handlePickerChange}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-dialog"},[t("h1",{staticClass:"demo-title"},[s._v("dialog")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-search")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@search")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"goSearch"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-search")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    goSearch(value) {\n      alert(value)\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"search-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#search-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Search 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("input的placeholder文案")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码"}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"password"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"密码："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入密码"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"textarea"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"个人介绍："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入个人介绍"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},on:{change:s.handleChange}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleChange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"field-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#field-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Field组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("表单中"),t("code",[s._v("input")]),s._v("或"),t("code",[s._v("textarea")]),s._v("的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("根据"),t("code",[s._v("type")]),s._v("属性显示不同的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"wu-label-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wu-label-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 无label的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("不传入"),t("code",[s._v("label")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jian-ting-change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jian-ting-change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" 监听change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("监听组件的"),t("code",[s._v("change")]),s._v("事件。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("输入框类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("text")]),s._v(" "),t("td",[s._v("text, number, email, url, tel, date, datetime, password, textarea")])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框placeholder")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("输入框的值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("输入框标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用输入框")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("readonly")]),s._v(" "),t("td",[s._v("输入框是否只读")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("maxlength")]),s._v(" "),t("td",[s._v("输入框maxlength")]),s._v(" "),t("td",[s._v("[String, Number]")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-popup"},[t("h1",{staticClass:"demo-title"},[s._v("popup")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-1",attrs:{position:"bottom"},model:{value:s.popupShow1,callback:function(a){s.popupShow1=a}}},[s._v("\n  xxxx\n")]),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},model:{value:s.popupShow2,callback:function(a){s.popupShow2=a}}},[s._v("\n  更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},model:{value:s.popupShow3,callback:function(a){s.popupShow3=a}}},[t("zan-button",{nativeOn:{click:function(a){s.popupShow3=!1}}},[s._v("关闭 popup")])],1),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-4",attrs:{transition:"popup-fade"},model:{value:s.popupShow4,callback:function(a){s.popupShow4=a}}},[s._v("\n  一些内容\n")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("只接受primary, default, danger三种类型，默认default。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("default"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("primary"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{
staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("danger"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("diabled"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("只接受large, normal, small, mini四种尺寸，默认normal。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"large"')]),s._v(">")]),s._v("large"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("gutter")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"10"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("normal"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("small"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("mini"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("按钮默认是button标签，可以使用tag属性修改为一个a标签。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("tag")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"a"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://www.youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("target")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"_blank"')]),s._v(">")]),s._v("a标签按钮"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("p",[s._v("表示loading状态")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("loading"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),t("p",[s._v("一组按钮。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"button-group"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认付款"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认收货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("取消订单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"button-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Button组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-gong-neng"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-gong-neng","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮功能")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-chi-cun"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-chi-cun","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮尺寸")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-an-niu-biao-qian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-an-niu-biao-qian","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义按钮标签")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"loading-an-niu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading-an-niu","aria-hidden":"true"}},[s._v("¶")]),s._v(" loading按钮")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"button-group"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-group","aria-hidden":"true"}},[s._v("¶")]),s._v(" button group")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("按钮类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'default'")]),s._v(" "),t("td",[s._v("'primary', 'danger'")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("按钮尺寸")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'normal'")]),s._v(" "),t("td",[s._v("'large', 'small', 'mini'")])]),s._v(" "),t("tr",[t("td",[s._v("tag")]),s._v(" "),t("td",[s._v("按钮标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'button'")]),s._v(" "),t("td",[s._v("'a', 'span', ...")])]),s._v(" "),t("tr",[t("td",[s._v("diabled")]),s._v(" "),t("td",[s._v("按钮是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("block")]),s._v(" "),t("td",[s._v("按钮是否显示为块级元素")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-image-preview"},[t("h1",{staticClass:"demo-title"},[s._v("image-preview")])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 安装")]),s._v(" "),t("h3",{attrs:{id:"ynpm-an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ynpm-an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" ynpm安装")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-shell"},[s._v("npm i @youzan/zanui-vue -S\n")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-search"},[t("h1",{staticClass:"demo-title"},[s._v("search")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-card"},[t("h1",{staticClass:"demo-title"},[s._v("card")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("当没有底部按钮时，右侧内容会居中显示。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品SKU1，商品SKU2"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__title"')]),s._v(">")]),s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__price"')]),s._v(">")]),s._v("¥ 2.00"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"desc"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__desc"')]),s._v(">")]),s._v("商品sku"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"card-tu-wen-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#card-tu-wen-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Card 图文组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("可以使用具名"),t("code",[s._v("slot")]),s._v("重写标题等信息，其中包含"),t("code",[s._v("title")]),s._v("、"),t("code",[s._v("desc")]),s._v("、"),t("code",[s._v("footer")]),s._v("和"),t("code",[s._v("tag")]),s._v("四个"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("thumb")]),s._v(" "),t("td",[s._v("左侧图片")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义标题")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("自定义描述")])]),s._v(" "),t("tr",[t("td",[s._v("tags")]),s._v(" "),t("td",[s._v("自定义tags")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(" "),t("span",{staticClass:"hljs-attr"
},[s._v("is-link")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"javascript:void(0)"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleClick"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-cell-text"')]),s._v(">")]),s._v("起码运动馆"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"official-img"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"cell-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cell-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Cell 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"biao-ti-dai-miao-shu-xin-xi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#biao-ti-dai-miao-shu-xin-xi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 标题带描述信息")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("label")]),s._v("属性，属性值为描述信息的值。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-tu-biao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带图标")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("icon")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ke-dian-ji-de-lian-jie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ke-dian-ji-de-lian-jie","aria-hidden":"true"}},[s._v("¶")]),s._v(" 可点击的链接")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("url")]),s._v("属性，传入"),t("code",[s._v("isLink")]),s._v("属性则会在右侧显示箭头。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如以上用法不能满足你的需求，可以使用对应的"),t("code",[s._v("slot")]),s._v("来自定义显示的内容。包含三个"),t("code",[s._v("slot")]),s._v("，默认"),t("code",[s._v("slot")]),s._v("，"),t("code",[s._v("icon")]),s._v("和"),t("code",[s._v("title")]),s._v("的"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("左侧图标")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("左侧标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("右侧内容")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("isLink")]),s._v(" "),t("td",[s._v("是否为链接，链接会在右侧出现箭头")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("描述信息，显示在标题下方")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义显示内容")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("自定义icon")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义title")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",{staticClass:"example-block"},[t("h2",{staticClass:"demo-sub-title",domProps:{textContent:s._s(s.title)}}),s._v(" "),s._t("default")],2)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-badge"},[t("h1",{staticClass:"demo-title"},[s._v("badge")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-switch"},[t("h1",{staticClass:"demo-title"},[s._v("switch")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState,"on-change":s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"certificate"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon-class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"steps-success"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"nextStep"')]),s._v(">")]),s._v("下一步"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    nextStep() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (++"),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active > "),t("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(") "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active = "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n    }\n  }\n}\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"steps-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps 步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zhi-xian-shi-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhi-xian-shi-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 只显示步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("当前激活的步骤，从0开始")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("当前步骤的icon")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("iconClass")]),s._v(" "),t("td",[s._v("当前步骤栏为icon添加的类")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("当前步骤从标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("description")]),s._v(" "),t("td",[s._v("当前步骤描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("message-extra")]),s._v(" "),t("td",[s._v("状态栏添加额外的元素")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleAlertClick"')]),s._v(">")]),s._v("alert"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleConfirmClick"')]),s._v(">")]),s._v("confirm"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Dialog } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'src/index'")]),s._v(";\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    handleAlertClick() {\n      Dialog.alert({\n        "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'alert标题'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n      }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n      });\n    },\n\n    handleConfirmClick() {\n      Dialog.confirm({\n        "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'confirm标题'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n      }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n      }, (error) => {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(error);\n      });\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"dialog-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dialog-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Dialog组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"imagepreview-tu-pian-yu-lan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#imagepreview-tu-pian-yu-lan","aria-hidden":"true"}},[s._v("¶")]),s._v(" ImagePreview 图片预览")])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-tag"},[t("h1",{staticClass:"demo-title"},[s._v("tag")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),t("example-block",{attrs:{title:"高级用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{model:{value:s.checkbox1,callback:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox1"')]),s._v(">")]),s._v("复选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox1")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  }\n}; \n")]),t("span",{
staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{model:{value:s.checkbox2,callback:function(a){s.checkbox2=a}}},[s._v("复选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox2"')]),s._v(">")]),s._v("复选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox2")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{model:{value:s.result,callback:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n    result(val) {\n      "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(val);\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{attrs:{disabled:""},model:{value:s.result,callback:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-checkbox-group",{model:{value:s.result,callback:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"checkbox-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变深色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变浅色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example demo-loading__example--with-bg"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'black'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"loading"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading","aria-hidden":"true"}},[s._v("¶")]),s._v(" Loading")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("四字标签"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"tag-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tag-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Tag 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("plain")]),s._v(" "),t("td",[s._v("是否是空心tag")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("是否是标记")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("tag类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("'primary', 'success', 'danger'")])])])]);
},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义tag显示内容")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{attrs:{name:"1"},model:{value:s.radio1,callback:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"},model:{value:s.radio1,callback:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio1")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{attrs:{name:"1",disabled:""},model:{value:s.radio2,callback:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{attrs:{name:"2",disabled:""},model:{value:s.radio2,callback:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("未选中禁用"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("选中且禁用"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio2")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'2'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{model:{value:s.radio3,callback:function(a){s.radio3=a}}},[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio3"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  \n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio3")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-radio-group",{model:{value:s.radio4,callback:function(a){s.radio4=a}}},[t("zan-cell-group",[t("zan-cell",[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")])],1),s._v(" "),t("zan-cell",[t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio4"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio4")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"radio-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" radio组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-waterfall"},[t("h1",{staticClass:"demo-title"},[s._v("waterfall")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"waterfall"},[t("div",{directives:[{name:"waterfall-lower",rawName:"v-waterfall-lower",value:s.loadMore,expression:"loadMore"},{name:"waterfall-upper",rawName:"v-waterfall-upper",value:s.loadMoreUpper,expression:"loadMoreUpper"}],attrs:{"waterfall-disabled":"isWaterfallDisabled","waterfall-offset":"400"}},[s._l(s.list,function(a){return t("div",{staticClass:"waterfall-item",staticStyle:{"text-align":"center"}},[s._v("\n      "+s._s(a)+"\n    ")])}),s._v(" "),s.loading?t("div",{staticStyle:{"text-align":"center"}},[s._v("\n      loading\n    ")]):s._e()],2)])])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-steps"},[t("h1",{staticClass:"demo-title"},[s._v("steps")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),t("example-block",{attrs:{title:"只显示步骤条"}},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),t("p",[s._v("面板只是一个容器，里面可以放入自定义的内容。")]),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n    panel内容\n  ")])])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"panel-content"')]),s._v(">")]),s._v("\n    panel内容\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n    合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品SKU1，商品SKU2"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__title"')]),s._v(">")]),s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__price"')]),s._v(">")]),s._v("¥ 2.00"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"desc"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__desc"')]),s._v(">")]),s._v("商品sku"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-sum"')]),s._v(">")]),s._v("\n    合计："),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("¥ 1999.90"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-buttons"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"panel-mian-ban"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#panel-mian-ban","aria-hidden":"true"}},[s._v("¶")]),s._v(" Panel 面板")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("使用具名"),t("code",[s._v("slot")]),s._v("自定义内容。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("状态")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义内容")])]),s._v(" "),t("tr",[t("td",[s._v("header")]),s._v(" "),t("td",[s._v("自定义header")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-field"},[t("h1",{staticClass:"demo-title"},[s._v("field")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码"}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍"}})],1)],1),t("example-block",{attrs:{title:"无label的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名"}})],1)],1),t("example-block",{attrs:{title:"监听change事件"}},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},on:{change:s.handleChange}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-1",attrs:{position:"bottom"},model:{value:s.popupShow1,callback:function(a){s.popupShow1=a}}},[s._v("\n  xxxx\n")]),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},model:{value:s.popupShow2,callback:function(a){s.popupShow2=a}}},[s._v("\n  更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},model:{value:s.popupShow3,callback:function(a){s.popupShow3=a}}},[t("zan-button",{nativeOn:{click:function(a){s.popupShow3=!1}}},[s._v("关闭 popup")])],1),s._v(" "),t("div",{staticClass:"zan-button-1"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{staticClass:"zan-popup-4",attrs:{transition:"popup-fade"},model:{value:s.popupShow4,callback:function(a){s.popupShow4=a}}},[s._v("\n  一些内容\n")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"
},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-button-1"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow1 = true"')]),s._v(">")]),s._v("从下方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"bottom"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-1"')]),s._v(">")]),s._v("\n  xxxx\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-button-1"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow2 = true"')]),s._v(">")]),s._v("从上方方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"top"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overlay")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n  更新成功\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-button-1"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3 = true"')]),s._v(">")]),s._v("从右方弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("position")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"right"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overlay")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click.native")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow3 = false"')]),s._v(">")]),s._v("关闭 popup"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-button-1"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow4 = true"')]),s._v(">")]),s._v("从中间弹出popup"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popupShow4"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("transition")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popup-fade"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-4"')]),s._v(">")]),s._v("\n  一些内容\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-popup")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow1")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n      "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow2")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n      "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow3")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n      "),t("span",{staticClass:"hljs-attr"},[s._v("popupShow4")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v("\n    }\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n    popupShow2(val) {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (val) {\n        setTimeout("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n          "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".popupShow2 = "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n        }, "),t("span",{staticClass:"hljs-number"},[s._v("2000")]),s._v(");\n      }\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"popup-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#popup-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Popup组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("利用"),t("code",[s._v("v-model")]),s._v("绑定当前组件是否显示")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active-key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"热销榜"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://baidu.com"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"花式寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"火炽寿司"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"手握寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"199"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"badge-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#badge-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Badge 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-group-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-group-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge-group API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active-key")]),s._v(" "),t("td",[s._v("激活的badge的索引")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'0'但必须子badge里的mark是有0位索引")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("badge的唯一key值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("badge的文案标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("info")]),s._v(" "),t("td",[s._v("当前badge的提示消息数量")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("全连接直接跳转或者hash")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-button"},[t("h1",{staticClass:"demo-title"},[s._v("button")]),t("example-block",{attrs:{title:"按钮功能"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),t("example-block",{attrs:{title:"禁用状态"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),t("example-block",{attrs:{title:"按钮尺寸"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),t("example-block",{attrs:{title:"自定义按钮标签"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),t("example-block",{attrs:{title:"loading按钮"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),t("example-block",{attrs:{title:"button group"}},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"kuai-su-shang-shou"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kuai-su-shang-shou","aria-hidden":"true"}},[s._v("¶")]),s._v(" 快速上手")]),s._v(" "),t("h3",{attrs:{id:"wan-zheng-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wan-zheng-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 完整引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" ZanUI "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/index.css'")]),s._v(";\n\nVue.use(ZanUI);\n")])]),s._v(" "),t("h3",{attrs:{id:"an-xu-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-xu-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按需引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Button, Cell } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/button.css'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/cell.css'")]),s._v(";\n\nVue.component(Button.name, Button);\nVue.component(Cell.name, Cell);\n")])])])}]}},function(s,a,t){var l=t(255);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("e4092d22",l,!0)},function(s,a,t){var l=t(256);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("29a42a14",l,!0)},function(s,a,t){var l=t(257);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("50079263",l,!0)},,function(s,a,t){var l=t(259);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("a0c935b8",l,!0)},function(s,a,t){var l=t(260);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("befa047e",l,!0)},function(s,a,t){var l=t(261);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("08f0509a",l,!0)},function(s,a,t){var l=t(262);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("18315e2a",l,!0)},function(s,a,t){var l=t(263);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("5559a966",l,!0)},function(s,a,t){var l=t(264);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("61a09935",l,!0)},function(s,a,t){var l=t(265);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("4eab8368",l,!0)},function(s,a,t){var l=t(266);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("3dce8a0c",l,!0)},function(s,a,t){var l=t(267);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("2804e83f",l,!0)},function(s,a,t){var l=t(268);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("68993174",l,!0)},function(s,a,t){var l=t(269);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("16246bf2",l,!0)},function(s,a,t){var l=t(270);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("ff88a8cc",l,!0)},function(s,a,t){var l=t(271);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("4f8016e2",l,!0)},function(s,a,t){var l=t(272);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("2da0395a",l,!0)},function(s,a,t){var l=t(273);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(25)("c09259b8",l,!0)},function(s,a,t){s.exports=t(292)},function(s,a,t){s.exports=t(293)},function(s,a,t){s.exports=t(294)},function(s,a,t){s.exports=t(295)},function(s,a,t){s.exports=t(296)},function(s,a,t){s.exports=t(297)},function(s,a,t){s.exports=t(298)},function(s,a,t){s.exports=t(299)},function(s,a,t){s.exports=t(300)},function(s,a,t){s.exports=t(301)},function(s,a,t){s.exports=t(302)},function(s,a,t){s.exports=t(303)},function(s,a,t){s.exports=t(304)},function(s,a,t){s.exports=t(305)},function(s,a,t){s.exports=t(306)},function(s,a,t){s.exports=t(307)},function(s,a,t){s.exports=t(308)},function(s,a,t){s.exports=t(309)},function(s,a,t){s.exports=t(310)},function(s,a,t){s.exports=t(311)},function(s,a,t){s.exports=t(312)}]));