blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/build/0.js
cookfront 7890938a1d build docs
2017-03-06 21:49:41 +08:00

6 lines
181 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

webpackJsonp([0],Array(224).concat([function(s,a,t){function l(s){return t(n(s))}function n(s){var a=v[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var v={"./examples-dist/badge.vue":299,"./examples-dist/button.vue":300,"./examples-dist/card.vue":301,"./examples-dist/cell.vue":302,"./examples-dist/checkbox.vue":303,"./examples-dist/dialog.vue":304,"./examples-dist/field.vue":305,"./examples-dist/image-preview.vue":306,"./examples-dist/loading.vue":307,"./examples-dist/panel.vue":308,"./examples-dist/picker.vue":309,"./examples-dist/popup.vue":310,"./examples-dist/radio.vue":311,"./examples-dist/search.vue":312,"./examples-dist/steps.vue":313,"./examples-dist/switch.vue":314,"./examples-dist/tag.vue":315,"./examples-dist/waterfall.vue":316};l.keys=function(){return Object.keys(v)},l.resolve=n,s.exports=l,l.id=224},function(s,a,t){function l(s){return t(n(s))}function n(s){var a=v[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var v={"./examples-docs/badge.md":398,"./examples-docs/button.md":399,"./examples-docs/card.md":400,"./examples-docs/cell.md":401,"./examples-docs/checkbox.md":402,"./examples-docs/dialog.md":403,"./examples-docs/field.md":404,"./examples-docs/image-preview.md":405,"./examples-docs/install.md":406,"./examples-docs/layout.md":407,"./examples-docs/loading.md":408,"./examples-docs/panel.md":409,"./examples-docs/picker.md":410,"./examples-docs/popup.md":411,"./examples-docs/quickstart.md":412,"./examples-docs/radio.md":413,"./examples-docs/search.md":414,"./examples-docs/steps.md":415,"./examples-docs/switch.md":416,"./examples-docs/tag.md":417,"./examples-docs/waterfall.md":418};l.keys=function(){return Object.keys(v)},l.resolve=n,s.exports=l,l.id=225},,,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var l=t(0)(t(251),t(360),null,null);s.exports=l.exports},function(s,a,t){s.exports={default:t(277),__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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_),e=t(31);v.default.component("example-block",i.default),a.default={methods:{handleAlertClick:function(){e.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){e.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(249),v=l(n),_=t(5),i=l(_),e=t(248),c=l(e);i.default.component("example-block",c.default);var p={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,v.default)(p),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,p[a[0]])}}}},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.default)},function(s,a,t){"use strict";function l(s){return s&&s.__esModule?s:{default:s}}var n=t(5),v=l(n),_=t(248),i=l(_);v.default.component("example-block",i.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(31);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(249),v=l(n),_={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,v.default)(_),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,_[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(279),s.exports=t(9).Object.keys},function(s,a,t){var l=t(28),n=t(9),v=t(29);s.exports=function(s,a){var t=(n.Object||{})[s]||Object[s],_={};_[s]=a(t),l(l.S+l.F*v(function(){t(1)}),"Object",_)}},function(s,a,t){var l=t(50),n=t(49);t(278)("keys",function(){return function(s){return n(l(s))}})},function(s,a,t){a=s.exports=t(1)(),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(1)(),a.push([s.i,"@component-namespace demo{@b panel{.zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px;span{color:red}}.zan-panel-buttons{text-align:right;.zan-button{margin-left:5px}}.panel-content{padding:20px}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b switch{padding:0 15px 15px;@e wrapper{width:33.33%;float:left;text-align:center}@e text{margin:20px 0}}}",""])},,function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b checkbox{.zan-checkbox-wrapper{padding:0 20px;.zan-checkbox{margin:10px 0}}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b radio{.zan-radios{padding:0 20px;.zan-radio{margin:10px 0}}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b button{.zan-row{padding:0 20px}.zan-col{margin-bottom:10px}.button-group{font-size:0;padding:0 20px}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b switch{padding:0 15px 15px;@e wrapper{width:33.33%;float:left;text-align:center}@e text{margin:20px 0}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b steps{.steps-success{color:#06bf04}.zan-button{margin-left:15px}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,".tags-container{padding:5px 15px;.zan-tag+.zan-tag{margin-left:10px}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b checkbox{.zan-checkbox-wrapper{padding:0 20px;.zan-checkbox{margin:10px 0}}}}",""])},function(s,a,t){a=s.exports=t(1)(),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(1)(),a.push([s.i,".tags-container{padding:5px 15px;.zan-tag+.zan-tag{margin-left:10px}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b radio{.zan-radios{padding:0 20px;.zan-radio{margin:10px 0}}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b steps{.steps-success{color:#06bf04}.zan-button{margin-left:15px}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b panel{.zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px;span{color:red}}.zan-panel-buttons{text-align:right;.zan-button{margin-left:5px}}.panel-content{padding:20px}}}",""])},function(s,a,t){a=s.exports=t(1)(),a.push([s.i,"@component-namespace demo{@b button{.zan-row{padding:0 20px}.zan-col{margin-bottom:10px}.button-group{font-size:0;padding:0 20px}}}",""])},function(s,a,t){var l=t(0)(t(252),t(361),null,null);s.exports=l.exports},function(s,a,t){t(397);var l=t(0)(t(253),t(377),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(254),t(357),null,null);s.exports=l.exports},function(s,a,t){t(384);var l=t(0)(t(255),t(344),null,null);s.exports=l.exports},function(s,a,t){t(383);var l=t(0)(t(256),t(342),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(257),t(349),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(258),t(374),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(259),t(354),null,null);s.exports=l.exports},function(s,a,t){t(379);var l=t(0)(t(260),t(338),null,null);s.exports=l.exports},function(s,a,t){t(380);var l=t(0)(t(261),t(339),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(262),t(348),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(263),t(352),null,null);s.exports=l.exports},function(s,a,t){t(385);var l=t(0)(t(264),t(346),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(265),t(356),null,null);s.exports=l.exports},function(s,a,t){t(395);var l=t(0)(t(266),t(372),null,null);s.exports=l.exports},function(s,a,t){t(388);var l=t(0)(t(267),t(362),null,null);s.exports=l.exports},function(s,a,t){t(390);var l=t(0)(t(268),t(366),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(269),t(371),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(376),null,null);s.exports=l.exports},function(s,a,t){t(386);var l=t(0)(null,t(353),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(358),null,null);s.exports=l.exports},function(s,a,t){t(387);var l=t(0)(t(270),t(359),null,null);s.exports=l.exports},function(s,a,t){t(391);var l=t(0)(t(271),t(367),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(272),t(364),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){var l=t(0)(null,t(365),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(355),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(347),null,null);s.exports=l.exports},function(s,a,t){t(392);var l=t(0)(null,t(368),null,null);s.exports=l.exports},function(s,a,t){t(396);var l=t(0)(null,t(373),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(273),t(345),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(375),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(378),null,null);s.exports=l.exports},function(s,a,t){t(394);var l=t(0)(t(274),t(370),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(t(275),t(350),null,null);s.exports=l.exports},function(s,a,t){t(389);var l=t(0)(t(276),t(363),null,null);s.exports=l.exports},function(s,a,t){t(381);var l=t(0)(null,t(340),null,null);s.exports=l.exports},function(s,a,t){t(393);var l=t(0)(null,t(369),null,null);s.exports=l.exports},function(s,a,t){var l=t(0)(null,t(343),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;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",[s._v("Switch组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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;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",[s._v("Waterfall 瀑布流")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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;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",[s._v("Picker组件")]),s._v(" "),t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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")])])]),s._v(" "),t("h3",[s._v("columns")]),s._v(" "),t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")]),s._v(" "),t("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")])])])])]),s._v(" "),t("h3",[s._v("change事件")]),s._v(" "),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("进行相应的更新等操作：")]),s._v(" "),t("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;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",[s._v("Search 组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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;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",[s._v("Field组件")]),s._v(" "),t("p",[s._v("表单中"),t("code",[s._v("input")]),s._v("或"),t("code",[s._v("textarea")]),s._v("的输入框。")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v("根据"),t("code",[s._v("type")]),s._v("属性显示不同的输入框。")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("无label的输入框")]),s._v(" "),t("p",[s._v("不传入"),t("code",[s._v("label")]),s._v("属性即可。")]),s._v(" "),t("p",[s._v(":::demo 无label的输入框")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("监听change事件")]),s._v(" "),t("p",[s._v("监听组件的"),t("code",[s._v("change")]),s._v("事件。")]),s._v(" "),t("p",[s._v(":::demo 监听change事件")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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;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",[s._v("Button组件")]),s._v(" "),t("h3",[s._v("按钮功能")]),s._v(" "),t("p",[s._v("只接受primary, default, danger三种类型，默认default。")]),s._v(" "),t("p",[s._v(":::demo 按钮功能")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("禁用状态")]),s._v(" "),t("p",[s._v(":::demo 禁用状态")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("按钮尺寸")]),s._v(" "),t("p",[s._v("只接受large, normal, small, mini四种尺寸，默认normal。")]),s._v(" "),t("p",[s._v(":::demo 按钮尺寸")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("自定义按钮标签")]),s._v(" "),t("p",[s._v("按钮默认是button标签，可以使用tag属性修改为一个a标签。")]),s._v(" "),t("p",[s._v(":::demo 自定义按钮标签")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("loading按钮")]),s._v(" "),t("p",[s._v("表示loading状态")]),s._v(" "),t("p",[s._v(":::demo loading按钮")]),s._v(" "),t("pre",[t("code",{
staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("button group")]),s._v(" "),t("p",[s._v("一组按钮。")]),s._v(" "),t("p",[s._v(":::demo button group")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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",[s._v("安装")]),s._v(" "),t("h3",[s._v("ynpm安装")]),s._v(" "),t("pre",[t("code",{staticClass:"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;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",[s._v("Card 图文组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v("当没有底部按钮时，右侧内容会居中显示。")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("高级用法")]),s._v(" "),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("。")]),s._v(" "),t("p",[s._v(":::demo 高级用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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("''")])])])]),s._v(" "),t("h3",[s._v("Slot")]),s._v(" "),t("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;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",[s._v("Cell 组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("标题带描述信息")]),s._v(" "),t("p",[s._v("传入"),t("code",[s._v("label")]),s._v("属性，属性值为描述信息的值。")]),s._v(" "),t("p",[s._v(":::demo 标题带描述信息")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("带图标")]),s._v(" "),t("p",[s._v("传入"),t("code",[s._v("icon")]),s._v("属性。")]),s._v(" "),t("p",[s._v(":::demo 带图标")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("可点击的链接")]),s._v(" "),t("p",[s._v("传入"),t("code",[s._v("url")]),s._v("属性，传入"),t("code",[s._v("isLink")]),s._v("属性则会在右侧显示箭头。")]),s._v(" "),t("p",[s._v(":::demo 可点击的链接")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("高级用法")]),s._v(" "),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("。")]),s._v(" "),t("p",[s._v(":::demo 高级用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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("''")])])])]),s._v(" "),t("h3",[s._v("Slot")]),s._v(" "),t("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;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",[s._v("Steps 步骤条")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("只显示步骤条")]),s._v(" "),t("p",[s._v(":::demo 只显示步骤条")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("Steps API")]),s._v(" "),t("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("''")])])])]),s._v(" "),t("h3",[s._v("Steps Slot")]),s._v(" "),t("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;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",[s._v("Dialog组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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",[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;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",[s._v("Checkbox组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("禁用状态")]),s._v(" "),t("p",[s._v(":::demo 禁用状态")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("Checkbox组")]),s._v(" "),t("p",[s._v(":::demo Checkbox组")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("禁用Checkbox组")]),s._v(" "),t("p",[s._v(":::demo 禁用Checkbox组")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("与Cell组件一起使用")]),s._v(" "),t("p",[s._v(":::demo 与Cell组件一起使用")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("Checkbox API")]),s._v(" "),t("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")])])]),s._v(" "),t("h3",[s._v("CheckboxGroup API")]),s._v(" "),t("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("h3",[s._v("CheckboxGroup Event")]),s._v(" "),t("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;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",[s._v("Loading")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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")])]),s._v(" "),t("p",[s._v(":::")])])}]}},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",[s._v("Tag 组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("高级用法")]),s._v(" "),t("p",[s._v(":::demo 高级用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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'")])])])]),s._v(" "),t("h3",[s._v("Slot")]),s._v(" "),t("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;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",[s._v("Radio组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("禁用状态")]),s._v(" "),t("p",[s._v(":::demo 禁用状态")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("radio组")]),s._v(" "),t("p",[s._v(":::demo radio组")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("与Cell组件一起使用")]),s._v(" "),t("p",[s._v(":::demo 与Cell组件一起使用")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("Radio API")]),s._v(" "),t("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")])])]),s._v(" "),t("h3",[s._v("RadioGroup API")]),s._v(" "),t("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("h3",[s._v("RadioGroup Event")]),s._v(" "),t("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;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",[s._v("Panel 面板")]),s._v(" "),t("p",[s._v("面板只是一个容器，里面可以放入自定义的内容。")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("高级用法")]),s._v(" "),t("p",[s._v("使用具名"),t("code",[s._v("slot")]),s._v("自定义内容。")]),s._v(" "),t("p",[s._v(":::demo 高级用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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("''")])])])]),s._v(" "),t("h3",[s._v("Slot")]),s._v(" "),t("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;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",[s._v("Popup组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("API")]),s._v(" "),t("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;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",[s._v("Badge 组件")]),s._v(" "),t("h3",[s._v("基础用法")]),s._v(" "),t("p",[s._v(":::demo 基础用法")]),s._v(" "),t("pre",[t("code",{staticClass:"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(" "),t("p",[s._v(":::")]),s._v(" "),t("h3",[s._v("z-badge-group API")]),s._v(" "),t("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")])])]),s._v(" "),t("h3",[s._v("z-badge API")]),s._v(" "),t("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",[s._v("快速上手")]),s._v(" "),t("h3",[s._v("完整引入")]),s._v(" "),t("pre",[t("code",{staticClass:"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",[s._v("按需引入")]),s._v(" "),t("pre",[t("code",{staticClass:"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(280);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("e4092d22",l,!0)},function(s,a,t){var l=t(281);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("29a42a14",l,!0)},function(s,a,t){var l=t(282);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("43fe65c2",l,!0)},,function(s,a,t){var l=t(284);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("a0c935b8",l,!0)},function(s,a,t){var l=t(285);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("befa047e",l,!0)},function(s,a,t){var l=t(286);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("08f0509a",l,!0)},function(s,a,t){var l=t(287);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("3464aab4",l,!0)},function(s,a,t){var l=t(288);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("5559a966",l,!0)},function(s,a,t){var l=t(289);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("61a09935",l,!0)},function(s,a,t){var l=t(290);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("4eab8368",l,!0)},function(s,a,t){var l=t(291);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("3dce8a0c",l,!0)},function(s,a,t){var l=t(292);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("2804e83f",l,!0)},function(s,a,t){var l=t(293);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("68993174",l,!0)},function(s,a,t){var l=t(294);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("1d60e3aa",l,!0)},function(s,a,t){var l=t(295);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("6baff67b",l,!0)},function(s,a,t){var l=t(296);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("4f8016e2",l,!0)},function(s,a,t){var l=t(297);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("2da0395a",l,!0)},function(s,a,t){var l=t(298);"string"==typeof l&&(l=[[s.i,l,""]]),l.locals&&(s.exports=l.locals);t(27)("c09259b8",l,!0)},function(s,a,t){s.exports=t(317)},function(s,a,t){s.exports=t(318)},function(s,a,t){s.exports=t(319)},function(s,a,t){s.exports=t(320)},function(s,a,t){s.exports=t(321)},function(s,a,t){s.exports=t(322)},function(s,a,t){s.exports=t(323)},function(s,a,t){s.exports=t(324)},function(s,a,t){s.exports=t(325)},function(s,a,t){s.exports=t(326)},function(s,a,t){s.exports=t(327)},function(s,a,t){s.exports=t(328)},function(s,a,t){s.exports=t(329)},function(s,a,t){s.exports=t(330)},function(s,a,t){s.exports=t(331)},function(s,a,t){s.exports=t(332)},function(s,a,t){s.exports=t(333)},function(s,a,t){s.exports=t(334)},function(s,a,t){s.exports=t(335)},function(s,a,t){s.exports=t(336)},function(s,a,t){s.exports=t(337)}]));
Reference in New Issue View Git Blame Copy Permalink