webpackJsonp([0],Array(247).concat([function(s,a,t){function n(s){return t(l(s))}function l(s){var a=e[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var e={"./examples-dist/actionsheet.vue":366,"./examples-dist/badge.vue":367,"./examples-dist/button.vue":368,"./examples-dist/card.vue":369,"./examples-dist/cell.vue":370,"./examples-dist/checkbox.vue":371,"./examples-dist/dialog.vue":372,"./examples-dist/field.vue":373,"./examples-dist/icon.vue":374,"./examples-dist/image-preview.vue":375,"./examples-dist/loading.vue":376,"./examples-dist/panel.vue":377,"./examples-dist/picker.vue":378,"./examples-dist/popup.vue":379,"./examples-dist/progress.vue":380,"./examples-dist/quantity.vue":381,"./examples-dist/radio.vue":382,"./examples-dist/search.vue":383,"./examples-dist/steps.vue":384,"./examples-dist/swipe.vue":385,"./examples-dist/switch.vue":386,"./examples-dist/tab.vue":387,"./examples-dist/tag.vue":388,"./examples-dist/toast.vue":389,"./examples-dist/uploader.vue":390,"./examples-dist/waterfall.vue":391};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=247},function(s,a,t){function n(s){return t(l(s))}function l(s){var a=e[s];if(!(a+1))throw new Error("Cannot find module '"+s+"'.");return a}var e={"./examples-docs/actionsheet.md":523,"./examples-docs/badge.md":524,"./examples-docs/button.md":525,"./examples-docs/card.md":526,"./examples-docs/cell.md":527,"./examples-docs/checkbox.md":528,"./examples-docs/dialog.md":529,"./examples-docs/field.md":530,"./examples-docs/icon.md":531,"./examples-docs/image-preview.md":532,"./examples-docs/install.md":533,"./examples-docs/layout.md":534,"./examples-docs/loading.md":535,"./examples-docs/panel.md":536,"./examples-docs/picker.md":537,"./examples-docs/popup.md":538,"./examples-docs/progress.md":539,"./examples-docs/quantity.md":540,"./examples-docs/quickstart.md":541,"./examples-docs/radio.md":542,"./examples-docs/search.md":543,"./examples-docs/steps.md":544,"./examples-docs/swipe.md":545,"./examples-docs/switch.md":546,"./examples-docs/tab.md":547,"./examples-docs/tag.md":548,"./examples-docs/toast.md":549,"./examples-docs/uploader.md":550,"./examples-docs/waterfall.md":551};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=248},,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var n=t(0)(t(274),t(450),null,null);s.exports=n.exports},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(365),e=n(l);a.default={components:{MobilePopup:e.default},computed:{mobileUrl:function(){return location.pathname+"examples.html"+location.hash}},data:function(){return{mobileShow:!1}}}},function(s,a,t){s.exports={default:t(318),__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";Object.defineProperty(a,"__esModule",{value:!0}),a.default={props:{url:String,value:{}},data:function(){return{currentValue:this.value}},watch:{currentValue:function(s){this.$emit("input",s)},value:function(s){console.log(s),this.currentValue=s}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(271),c=n(_);e.default.component("example-block",v.default),a.default={mixins:[c.default],data:function(){return{show1:!1,show2:!1,show3:!1,actions1:[{name:"微信安全支付",className:"actionsheet-wx"},{name:"支付宝支付",loading:!0},{name:"有赞E卡",subname:"（剩余260.50元）"},{name:"信用卡支付"},{name:"其他支付方式"}]}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{handleClick:function(){console.log("cell click")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.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 n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32),c=t(271),r=n(c);e.default.component("example-block",v.default),a.default={mixins:[r.default],methods:{handleAlertClick:function(){_.Dialog.alert({title:"alert标题",message:"弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。"}).then(function(s){console.log(s)})},handleConfirmClick:function(){_.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 n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{username:"zhangmin"}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{handleImagePreview:function(){(0,_.ImagePreview)(["https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png"])}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(272),e=n(l),i=t(2),v=n(i),_=t(270),c=n(_);v.default.component("example-block",c.default);var r={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,e.default)(r),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,r[a[0]])},handlePickerCancel:function(){alert("picker cancel")},handlePickerConfirm:function(){alert("picker confirm")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(271),c=n(_),r=t(55),o=n(r);e.default.component("example-block",v.default),a.default={mixins:[c.default],data:function(){return{popupShow1:!1,popupShow2:!1,popupShow3:!1,popupShow4:!1}},watch:{popupShow2:function(s){var a=this;s&&setTimeout(function(){a.popupShow2=!1},2e3)}},methods:{showDialog:function(){o.default.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 n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{quantity1:1,quantity2:null}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{radio1:"1",radio2:"2",radio3:"1",radio4:"1"}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{goSearch:function(s){alert(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{active:0}},methods:{nextStep:function(){++this.active>3&&(this.active=0)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{popalert:function(){alert("haha")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default)},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{showSimpleToast:function(){(0,_.Toast)("我是提示文案，建议不超过十五字~")},showToast:function(s){(0,_.Toast)({type:s,message:"文案信息"})}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={methods:{logContent:function(s){console.log(s)}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(2),e=n(l),i=t(270),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{list:[1,2,3,4,5],loading:!1,finished:!1}},methods:{loadMore:function(){var s=this;if(this.list.length>=200)return void(this.finished=!0);this.loading=!0,setTimeout(function(){for(var a=s.list[s.list.length-1],t=0;t<5;t++)a+=1,s.list.push(a);s.loading=!1},2500)},loadMoreUpper:function(){this.list[0]<0||this.list.unshift(-1)}},computed:{isWaterfallDisabled:function(){return this.loading||this.finished}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(271),e=n(l);a.default={mixins:[e.default],data:function(){return{show1:!1,show2:!1,show3:!1,actions1:[{name:"微信安全支付",className:"actionsheet-wx"},{name:"支付宝支付",loading:!0},{name:"有赞E卡",subname:"（剩余260.50元）"},{name:"信用卡支付"},{name:"其他支付方式"}]}}}},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";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(32),e=t(271),i=n(e);a.default={mixins:[i.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";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{username:"zhangmin"}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=t(32);a.default={methods:{handleImagePreview:function(){(0,n.ImagePreview)(["https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp","https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png"])}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(272),e=n(l),i={"浙江":["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],"福建":["福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德"],"湖南":["长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","永州","怀化","娄底","湘西土家族苗族自治州"]};a.default={data:function(){return{pickerColumns:[{values:(0,e.default)(i),className:"column1"},{values:["杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水"],className:"column2"}]}},methods:{handlePickerChange:function(s,a){s.setColumnValues(1,i[a[0]])},handlePickerCancel:function(){alert("picker cancel")},handlePickerConfirm:function(){alert("picker confirm")}}}},function(s,a,t){"use strict";function n(s){return s&&s.__esModule?s:{default:s}}Object.defineProperty(a,"__esModule",{value:!0});var l=t(271),e=n(l),i=t(55),v=n(i);a.default={mixins:[e.default],data:function(){return{popupShow1:!1,popupShow2:!1,popupShow3:!1,popupShow4:!1}},watch:{popupShow2:function(s){var a=this;s&&setTimeout(function(){a.popupShow2=!1},2e3)}},methods:{showDialog:function(){v.default.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";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{quantity1:1,quantity2:null}}}},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){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{popalert:function(){alert("haha")}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=t(32);a.default={methods:{showSimpleToast:function(){(0,n.Toast)("我是提示文案，建议不超过十五字~")},showToast:function(s){(0,n.Toast)({type:s,message:"文案信息"})}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={methods:{logContent:function(s){console.log(s)}}}},function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{list:[1,2,3,4,5],loading:!1,finished:!1}},methods:{loadMore:function(){var s=this;if(this.list.length>=200)return void(this.finished=!0);this.loading=!0,setTimeout(function(){for(var a=s.list[s.list.length-1],t=0;t<5;t++)a+=1,s.list.push(a);s.loading=!1},2500)},loadMoreUpper:function(){this.list[0]<0||this.list.unshift(-1)}},computed:{isWaterfallDisabled:function(){return this.loading||this.finished}}}},function(s,a,t){t(320),s.exports=t(4).Object.keys},function(s,a,t){var n=t(9),l=t(4),e=t(17);s.exports=function(s,a){var t=(l.Object||{})[s]||Object[s],i={};i[s]=a(t),n(n.S+n.F*e(function(){t(1)}),"Object",i)}},function(s,a,t){var n=t(34),l=t(33);t(319)("keys",function(){return function(s){return l(n(s))}})},function(s,a,t){a=s.exports=t(16)(),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(16)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},,function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-actionsheet .actionsheet-wx{color:#06bf04}.demo-actionsheet .zan-button{margin-left:15px}.demo-actionsheet .title-actionsheet p{padding:20px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-popup .zan-popup-1{width:100%;height:200px;box-sizing:border-box;padding:20px}.demo-popup .zan-popup-2{line-height:50px;text-align:center;background-color:rgba(0,0,0,.701961);color:#fff}.demo-popup .zan-popup-3{width:100%;height:100%}.demo-popup .zan-popup-4{width:60%;height:200px}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-swipe .zan-swipe{height:200px}.demo-swipe .zan-swipe img{width:100%}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-switch{padding:0 15px 15px}.demo-switch__wrapper{width:33.33%;float:left;text-align:center}.demo-switch__text{margin:20px 0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-actionsheet .actionsheet-wx{color:#06bf04}.demo-actionsheet .zan-button{margin-left:15px}.demo-actionsheet .title-actionsheet p{padding:20px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".page-tab{padding:0 15px}.custom-tabwrap .zan-tab-active{color:#20a0ff}.custom-tabwrap .zan-tabs-nav-bar{background:#20a0ff}.custom-tab{font-weight:700}.custom-pane{text-align:center;height:50px;line-height:50px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-checkbox .zan-checkbox-wrapper{padding:0 20px}.demo-checkbox .zan-checkbox-wrapper .zan-checkbox{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(16)(),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(16)(),a.push([s.i,".tags-container{padding:5px 15px}.tags-container .zan-tag+.zan-tag{margin-left:10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-radio .zan-radios{padding:0 20px}.demo-radio .zan-radios .zan-radio{margin:10px 0}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".page-tab{padding:0 15px}.custom-tabwrap .zan-tab-active{color:#20a0ff}.custom-tabwrap .zan-tabs-nav-bar{background:#20a0ff}.custom-tab{font-weight:700}.custom-pane{text-align:center;height:50px;line-height:50px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-swipe .zan-swipe{height:200px}.demo-swipe .zan-swipe img{width:100%}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-panel .zan-panel-sum{background:#fff;text-align:right;font-size:14px;color:#333;line-height:30px;padding-right:15px}.demo-panel .zan-panel-sum span{color:red}.demo-panel .zan-panel-buttons{text-align:right}.demo-panel .zan-panel-buttons .zan-button{margin-left:5px}.demo-panel .panel-content{padding:20px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-steps .steps-success{color:#06bf04}.demo-steps .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-popup .zan-popup-1{width:100%;height:200px;box-sizing:border-box;padding:20px}.demo-popup .zan-popup-2{line-height:50px;text-align:center;background-color:rgba(0,0,0,.701961);color:#fff}.demo-popup .zan-popup-3{width:100%;height:100%}.demo-popup .zan-popup-4{width:60%;height:200px}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".mobile-popup{width:380px;height:500px;border:5px solid #e5e5e5}.mobile-popup-iframe{width:100%;height:500px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(16)(),a.push([s.i,".demo-button .zan-row{padding:0 20px}.demo-button .zan-col{margin-bottom:10px}.demo-button .button-group{font-size:0;padding:0 20px}",""])},function(s,a,t){t(520);var n=t(0)(t(275),t(474),null,null);s.exports=n.exports},function(s,a,t){t(487);var n=t(0)(t(276),t(431),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(277),t(451),null,null);s.exports=n.exports},function(s,a,t){t(522);var n=t(0)(t(278),t(477),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(279),t(446),null,null);s.exports=n.exports},function(s,a,t){t(486);var n=t(0)(t(280),t(429),null,null);s.exports=n.exports},function(s,a,t){t(484);var n=t(0)(t(281),t(427),null,null);s.exports=n.exports},function(s,a,t){t(490);var n=t(0)(t(282),t(437),null,null);s.exports=n.exports},function(s,a,t){t(517);var n=t(0)(t(283),t(471),null,null);s.exports=n.exports},function(s,a,t){t(489);var n=t(0)(t(284),t(436),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(285),t(441),null,null);s.exports=n.exports},function(s,a,t){t(479);var n=t(0)(t(286),t(421),null,null);s.exports=n.exports},function(s,a,t){t(480);var n=t(0)(t(287),t(422),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(288),t(434),null,null);s.exports=n.exports},function(s,a,t){t(492);var n=t(0)(t(289),t(439),null,null);s.exports=n.exports},function(s,a,t){t(518);var n=t(0)(t(290),t(472),null,null);s.exports=n.exports},function(s,a,t){t(510);var n=t(0)(t(291),t(464),null,null);s.exports=n.exports},function(s,a,t){t(488);var n=t(0)(t(292),t(432),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(293),t(445),null,null);s.exports=n.exports},function(s,a,t){t(516);var n=t(0)(t(294),t(470),null,null);s.exports=n.exports},function(s,a,t){t(513);var n=t(0)(t(295),t(467),null,null);s.exports=n.exports},function(s,a,t){t(498);var n=t(0)(t(296),t(452),null,null);s.exports=n.exports},function(s,a,t){t(505);var n=t(0)(t(297),t(459),null,null);s.exports=n.exports},function(s,a,t){t(506);var n=t(0)(t(298),t(460),null,null);s.exports=n.exports},function(s,a,t){t(500);var n=t(0)(t(299),t(454),null,null);s.exports=n.exports},function(s,a,t){t(491);var n=t(0)(t(300),t(438),null,null);s.exports=n.exports},function(s,a,t){t(514);var n=t(0)(t(301),t(468),null,null);s.exports=n.exports},function(s,a,t){t(503);var n=t(0)(t(302),t(457),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(476),null,null);s.exports=n.exports},function(s,a,t){t(493);var n=t(0)(null,t(440),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(448),null,null);s.exports=n.exports},function(s,a,t){t(497);var n=t(0)(t(303),t(449),null,null);s.exports=n.exports},function(s,a,t){t(507);var n=t(0)(t(304),t(461),null,null);s.exports=n.exports},function(s,a,t){t(502);var n=t(0)(t(305),t(456),null,null);s.exports=n.exports},function(s,a,t){t(494);var n=t(0)(t(306),t(442),null,null);s.exports=n.exports},function(s,a,t){t(482);var n=t(0)(null,t(424),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(307),t(426),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(443),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(433),null,null);s.exports=n.exports},function(s,a,t){t(508);var n=t(0)(null,t(462),null,null);s.exports=n.exports},function(s,a,t){t(515);var n=t(0)(null,t(469),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(308),t(430),null,null);s.exports=n.exports},function(s,a,t){t(519);var n=t(0)(t(309),t(473),null,null);s.exports=n.exports},function(s,a,t){t(499);var n=t(0)(null,t(453),null,null);s.exports=n.exports},function(s,a,t){t(521);var n=t(0)(t(310),t(475),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(478),null,null);s.exports=n.exports},function(s,a,t){t(511);var n=t(0)(t(311),t(465),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(312),t(435),null,null);s.exports=n.exports},function(s,a,t){t(501);var n=t(0)(t(313),t(455),null,null);s.exports=n.exports},function(s,a,t){t(496);var n=t(0)(null,t(447),null,null);s.exports=n.exports},function(s,a,t){t(483);var n=t(0)(null,t(425),null,null);s.exports=n.exports},function(s,a,t){t(512);var n=t(0)(t(314),t(466),null,null);s.exports=n.exports},function(s,a,t){t(509);var n=t(0)(null,t(463),null,null);s.exports=n.exports},function(s,a,t){t(495);var n=t(0)(t(315),t(444),null,null);s.exports=n.exports},function(s,a,t){t(504);var n=t(0)(t(316),t(458),null,null);s.exports=n.exports},function(s,a,t){t(485);var n=t(0)(t(317),t(428),null,null);s.exports=n.exports},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-loading"},[t("h1",{staticClass:"demo-title"},[s._v("loading")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-panel"},[t("h1",{staticClass:"demo-title"},[s._v("panel")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n    panel内容\n  ")])])],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n    合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1)],1)},staticRenderFns:[]}},,function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-icon",{attrs:{name:"qr-invalid"}}),s._v(" "),t("zan-icon",{attrs:{name:"qr"}}),s._v(" "),t("zan-icon",{attrs:{name:"exchange"}}),s._v(" "),t("zan-icon",{attrs:{name:"close"}}),s._v(" "),t("zan-icon",{attrs:{name:"location"}}),s._v(" "),t("zan-icon",{attrs:{name:"upgrade"}}),s._v(" "),t("zan-icon",{attrs:{name:"check"}}),s._v(" "),t("zan-icon",{attrs:{name:"checked"}}),s._v(" "),t("zan-icon",{attrs:{name:"like-o"}}),s._v(" "),t("zan-icon",{attrs:{name:"like"}}),s._v(" "),t("zan-icon",{attrs:{name:"chat"}}),s._v(" "),t("zan-icon",{attrs:{name:"shop"}}),s._v(" "),t("zan-icon",{attrs:{name:"photograph"}}),s._v(" "),t("zan-icon",{attrs:{name:"add"}}),s._v(" "),t("zan-icon",{attrs:{name:"add2"}}),s._v(" "),t("zan-icon",{attrs:{name:"photo"}}),s._v(" "),t("zan-icon",{attrs:{name:"logistics"}}),s._v(" "),t("zan-icon",{attrs:{name:"edit"}}),s._v(" "),t("zan-icon",{attrs:{name:"passed"}}),s._v(" "),t("zan-icon",{attrs:{name:"cart"}}),s._v(" "),t("zan-icon",{attrs:{name:"arrow"}}),s._v(" "),t("zan-icon",{attrs:{name:"gift"}}),s._v(" "),t("zan-icon",{attrs:{name:"search"}}),s._v(" "),t("zan-icon",{attrs:{name:"clear"}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"qr-invalid"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"qr"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"exchange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"close"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),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-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"upgrade"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"check"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checked"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"like-o"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"like"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"chat"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"shop"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"photograph"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"add"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"add2"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"photo"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logistics"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"edit"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"passed"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"cart"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"arrow"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"gift"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"search"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"clear"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#icon","aria-hidden":"true"}},[s._v("¶")]),s._v(" Icon")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"suo-you-icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#suo-you-icon","aria-hidden":"true"}},[s._v("¶")]),s._v(" 所有Icon")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("icon名称")]),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,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState,"on-change":s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"switchState"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":on-change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"updateState"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),t("span",[s._v("{{")]),s._v("switchStateText"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, DISABLED"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("ON, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":checked")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"false"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":loading")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-switch")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-switch__text"')]),s._v(">")]),s._v("OFF, LOADING"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("switchState")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("computed")]),s._v(": {\n    switchStateText() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState ? "),t("span",{staticClass:"hljs-string"},[s._v("' ON'")]),s._v(" : "),t("span",{staticClass:"hljs-string"},[s._v("'OFF'")]),s._v(";\n    }\n  },\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    updateState(newState) {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".switchState = newState;\n    }\n  }\n};  \n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"switch-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#switch-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Switch组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("checked")]),s._v(" "),t("td",[s._v("开关状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("loading状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("true, false")])]),s._v(" "),t("tr",[t("td",[s._v("onChange")]),s._v(" "),t("td",[s._v("回调")]),s._v(" "),t("td",[s._v("function")]),s._v(" "),t("td",[s._v("function（）{}")]),s._v(" "),t("td",[s._v("-")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.handleImagePreview}},[s._v("预览图片")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleImagePreview"')]),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")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"imagepreview-tu-pian-yu-lan"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#imagepreview-tu-pian-yu-lan","aria-hidden":"true"}},[s._v("¶")]),s._v(" ImagePreview 图片预览")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{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",{directives:[{name:"model",rawName:"v-model",value:s.checkbox1,expression:"checkbox1"}],domProps:{value:s.checkbox1},on:{input:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox2,expression:"checkbox2"}],domProps:{value:s.checkbox2},on:{input: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",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input: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",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],attrs:{disabled:""},domProps:{value:s.result},on:{input: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",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"waterfall"},[t("div",{directives:[{name:"waterfall-lower",rawName:"v-waterfall-lower",value:s.loadMore,expression:"loadMore"},{name:"waterfall-upper",rawName:"v-waterfall-upper",value:s.loadMoreUpper,expression:"loadMoreUpper"}],attrs:{"waterfall-disabled":"isWaterfallDisabled","waterfall-offset":"400"}},[s._l(s.list,function(a){return t("div",{staticClass:"waterfall-item",staticStyle:{"text-align":"center"}},[s._v("\n      "+s._s(a)+"\n    ")])}),s._v(" "),s.loading?t("div",{staticStyle:{"text-align":"center"}},[s._v("\n      loading\n    ")]):s._e()],2)])]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-lower")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMore"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("v-waterfall-upper")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loadMoreUpper"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-disabled")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"isWaterfallDisabled"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("waterfall-offset")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"400"')]),s._v("\n  >")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"waterfall-item"')]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v("\n      "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v("\n    >")]),s._v("\n      "),t("span",[s._v("{{")]),s._v(" item "),t("span",[s._v("}}")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"loading"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text-align: center;"')]),s._v(">")]),s._v("\n      loading\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"waterfall-pu-bu-liu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#waterfall-pu-bu-liu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Waterfall 瀑布流")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("waterfall-disabled")]),s._v(" "),t("td",[s._v("在vue对象中表示是否禁止瀑布流触发的key值")]),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("waterfall-offset")]),s._v(" "),t("td",[s._v("触发瀑布流加载的阈值")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("300")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-cell"},[t("h1",{staticClass:"demo-title"},[s._v("cell")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),t("example-block",{attrs:{title:"标题带描述信息"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),t("example-block",{attrs:{title:"带图标"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),t("example-block",{attrs:{title:"可点击的链接"}},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-picker",{attrs:{columns:s.pickerColumns},on:{change:s.handlePickerChange}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":columns")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"pickerColumns"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(">")]),s._v("\n\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("const")]),s._v(" citys = {\n  "),t("span",{staticClass:"hljs-string"},[s._v("'浙江'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n  "),t("span",{staticClass:"hljs-string"},[s._v("'福建'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'福州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'厦门'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'莆田'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'三明'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'泉州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'漳州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'南平'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'龙岩'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁德'")]),s._v("],\n  "),t("span",{staticClass:"hljs-string"},[s._v("'湖南'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'长沙'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'株洲'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘潭'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衡阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'邵阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'岳阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'常德'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'张家界'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'益阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'郴州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'永州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'怀化'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'娄底'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘西土家族苗族自治州'")]),s._v("]\n};\n\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("pickerColumns")]),s._v(": [\n        {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("Object")]),s._v(".keys(citys),\n          "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column1'")]),s._v("\n        },\n        {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n          "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column2'")]),s._v("\n        }\n      ]\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    handlePickerChange(picker, values) {\n      picker.setColumnValues("),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", citys[values["),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("]]);\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-picker",{attrs:{columns:s.pickerColumns,"show-toolbar":""},on:{change:s.handlePickerChange,cancel:s.handlePickerCancel,confirm:s.handlePickerConfirm}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":columns")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"pickerColumns"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("show-toolbar")]),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-attr"},[s._v("@cancel")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerCancel"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@confirm")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerConfirm"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-picker")]),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("const")]),s._v(" citys = {\n  "),t("span",{staticClass:"hljs-string"},[s._v("'浙江'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n  "),t("span",{staticClass:"hljs-string"},[s._v("'福建'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'福州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'厦门'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'莆田'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'三明'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'泉州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'漳州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'南平'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'龙岩'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁德'")]),s._v("],\n  "),t("span",{staticClass:"hljs-string"},[s._v("'湖南'")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'长沙'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'株洲'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘潭'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衡阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'邵阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'岳阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'常德'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'张家界'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'益阳'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'郴州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'永州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'怀化'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'娄底'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湘西土家族苗族自治州'")]),s._v("]\n};\n\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("pickerColumns")]),s._v(": [\n        {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("Object")]),s._v(".keys(citys),\n          "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column1'")]),s._v("\n        },\n        {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("values")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'杭州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'宁波'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'温州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'嘉兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'湖州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'绍兴'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'金华'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'衢州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'舟山'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'台州'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'丽水'")]),s._v("],\n          "),t("span",{staticClass:"hljs-attr"},[s._v("className")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'column2'")]),s._v("\n        }\n      ]\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    handlePickerChange(picker, values) {\n      picker.setColumnValues("),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(", citys[values["),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("]]);\n    },\n    handlePickerCancel() {\n      alert("),t("span",{staticClass:"hljs-string"},[s._v("'picker cancel'")]),s._v(");\n    },\n    handlePickerConfirm() {\n      alert("),t("span",{staticClass:"hljs-string"},[s._v("'picker confirm'")]),s._v(");\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"picker-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#picker-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Picker组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-toolbar-de-picker"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-toolbar-de-picker","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带toolbar的Picker")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("visibileColumnCount")]),s._v(" "),t("td",[s._v("每一列可见备选元素的个数")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("5")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("itemHeight")]),s._v(" "),t("td",[s._v("选中元素区高度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("44")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("columns")]),s._v(" "),t("td",[s._v("对象数组，配置每一列显示的数据")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("showToolbar")]),s._v(" "),t("td",[s._v("是否在组件顶部显示一个toolbar")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"columns"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#columns","aria-hidden":"true"}},[s._v("¶")]),s._v(" columns")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("values")]),s._v(" "),t("td",[s._v("列中对应的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("defaultIndex")]),s._v(" "),t("td",[s._v("初始选中值的索引，默认为0")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在"),t("code",[s._v("change")]),s._v("事件中，可以获取到"),t("code",[s._v("picker")]),s._v("实例，对"),t("code",[s._v("picker")]),s._v("进行相应的更新等操作：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("函数")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("getColumnValue(index)")]),s._v(" "),t("td",[s._v("获取对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValue(index, value)")]),s._v(" "),t("td",[s._v("设置对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("getColumnValues(index)")]),s._v(" "),t("td",[s._v("获取对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValues(index, values)")]),s._v(" "),t("td",[s._v("设置对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("getValues()")]),s._v(" "),t("td",[s._v("获取所有列中被选中的值，返回一个数组")])]),s._v(" "),t("tr",[t("td",[s._v("setValues(values)")]),s._v(" "),t("td",[t("code",[s._v("values")]),s._v("为一个数组，设置所有列中被选中的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-actionsheet"},[t("h1",{staticClass:"demo-title"},[s._v("actionsheet")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show1=!0}}},[s._v("弹出actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show1,expression:"show1"}],attrs:{actions:s.actions1},domProps:{value:s.show1},on:{input:function(a){s.show1=a}}})],1),t("example-block",{attrs:{title:"带取消按钮的ActionSheet"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show2=!0}}},[s._v("弹出带取消按钮的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show2,expression:"show2"}],attrs:{actions:s.actions1,"cancel-text":"取消"},domProps:{value:s.show2},on:{input:function(a){s.show2=a}}})],1),t("example-block",{attrs:{title:"带标题的ActionSheet"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show3=!0}}},[s._v("弹出带标题的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show3,expression:"show3"}],staticClass:"title-actionsheet",attrs:{title:"支持以下配送方式"},domProps:{value:s.show3},on:{input:function(a){s.show3=a}}},[t("p",[s._v("一些内容")])])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-radio"},[t("h1",{staticClass:"demo-title"},[s._v("radio")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"1"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"2"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),t("example-block",{attrs:{title:"禁用状态"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"1",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"2",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),t("example-block",{attrs:{title:"radio组"}},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio3,expression:"radio3"}],domProps:{value:s.radio3},on:{input: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",{directives:[{name:"model",rawName:"v-model",value:s.radio4,expression:"radio4"}],domProps:{value:s.radio4},on:{input: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;return(s._self._c||a)("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),t("example-block",{attrs:{title:"带toolbar的Picker"}},[t("zan-picker",{attrs:{columns:s.pickerColumns,"show-toolbar":""},on:{change:s.handlePickerChange,cancel:s.handlePickerCancel,confirm:s.handlePickerConfirm}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-search")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@search")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"goSearch"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-search")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    goSearch(value) {\n      alert(value)\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"search-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#search-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Search 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("input的placeholder文案")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-icon"},[t("h1",{staticClass:"demo-title"},[s._v("icon")]),t("example-block",{attrs:{title:"所有Icon"}},[t("zan-icon",{attrs:{name:"qr-invalid"}}),s._v(" "),t("zan-icon",{attrs:{name:"qr"}}),s._v(" "),t("zan-icon",{attrs:{name:"exchange"}}),s._v(" "),t("zan-icon",{attrs:{name:"close"}}),s._v(" "),t("zan-icon",{attrs:{name:"location"}}),s._v(" "),t("zan-icon",{attrs:{name:"upgrade"}}),s._v(" "),t("zan-icon",{attrs:{name:"check"}}),s._v(" "),t("zan-icon",{attrs:{name:"checked"}}),s._v(" "),t("zan-icon",{attrs:{name:"like-o"}}),s._v(" "),t("zan-icon",{attrs:{name:"like"}}),s._v(" "),t("zan-icon",{attrs:{name:"chat"}}),s._v(" "),t("zan-icon",{attrs:{name:"shop"}}),s._v(" "),t("zan-icon",{attrs:{name:"photograph"}}),s._v(" "),t("zan-icon",{attrs:{name:"add"}}),s._v(" "),t("zan-icon",{attrs:{name:"add2"}}),s._v(" "),t("zan-icon",{attrs:{name:"photo"}}),s._v(" "),t("zan-icon",{attrs:{name:"logistics"}}),s._v(" "),t("zan-icon",{attrs:{name:"edit"}}),s._v(" "),t("zan-icon",{attrs:{name:"passed"}}),s._v(" "),t("zan-icon",{attrs:{name:"cart"}}),s._v(" "),t("zan-icon",{attrs:{name:"arrow"}}),s._v(" "),t("zan-icon",{attrs:{name:"gift"}}),s._v(" "),t("zan-icon",{attrs:{name:"search"}}),s._v(" "),t("zan-icon",{attrs:{name:"clear"}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-dialog"},[t("h1",{staticClass:"demo-title"},[s._v("dialog")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-uploader"},[t("h1",{staticClass:"demo-title"},[s._v("uploader")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{attrs:{"before-read":s.logContent},on:{"file-readed":s.logContent}})],1)]),t("example-block",{attrs:{title:"自定义上传图标"}},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{on:{"file-readed":s.logContent}},[t("zan-icon",{attrs:{name:"camera"}})],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-popup"},[t("h1",{staticClass:"demo-title"},[s._v("popup")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow1,expression:"popupShow1"}],staticClass:"zan-popup-1",attrs:{position:"bottom"},domProps:{value:s.popupShow1},on:{input:function(a){s.popupShow1=a}}},[t("zan-button",{on:{click:s.showDialog}},[s._v("弹出dialog")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow2,expression:"popupShow2"}],staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},domProps:{value:s.popupShow2},on:{input:function(a){s.popupShow2=a}}},[s._v("\n  更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow3,expression:"popupShow3"}],staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},domProps:{value:s.popupShow3},on:{input: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-row"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow4,expression:"popupShow4"}],staticClass:"zan-popup-4",domProps:{value:s.popupShow4},on:{input:function(a){s.popupShow4=a}}},[s._v("\n  从中间弹出popup\n")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("只接受primary, default, danger三种类型，默认default。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("default"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("primary"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("danger"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("diabled"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("只接受large, normal, small, mini四种尺寸，默认normal。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"large"')]),s._v(">")]),s._v("large"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("gutter")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"10"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("normal"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("small"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("mini"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("按钮默认是button标签，可以使用tag属性修改为一个a标签。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("tag")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"a"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://www.youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("target")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"_blank"')]),s._v(">")]),s._v("a标签按钮"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("p",[s._v("表示loading状态")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),s._v("loading"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("span")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"24"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("block")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-col")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-row")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),t("p",[s._v("一组按钮。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"button-group"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认付款"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("确认收货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("取消订单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"button-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Button组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-gong-neng"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-gong-neng","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮功能")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"an-niu-chi-cun"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-niu-chi-cun","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按钮尺寸")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-an-niu-biao-qian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-an-niu-biao-qian","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义按钮标签")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"loading-an-niu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading-an-niu","aria-hidden":"true"}},[s._v("¶")]),s._v(" loading按钮")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"button-group"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-group","aria-hidden":"true"}},[s._v("¶")]),s._v(" button group")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("按钮类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'default'")]),s._v(" "),t("td",[s._v("'primary', 'danger'")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("按钮尺寸")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'normal'")]),s._v(" "),t("td",[s._v("'large', 'small', 'mini'")])]),s._v(" "),t("tr",[t("td",[s._v("tag")]),s._v(" "),t("td",[s._v("按钮标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'button'")]),s._v(" "),t("td",[s._v("'a', 'span', ...")])]),s._v(" "),t("tr",[t("td",[s._v("diabled")]),s._v(" "),t("td",[s._v("按钮是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("block")]),s._v(" "),t("td",[s._v("按钮是否显示为块级元素")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-image-preview"},[t("h1",{staticClass:"demo-title"},[s._v("image-preview")]),t("example-block",{attrs:{title:""}},[t("zan-button",{on:{click:s.handleImagePreview}},[s._v("预览图片")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码"}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"username"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"password"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"密码："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入密码"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"textarea"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"个人介绍："')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入个人介绍"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"text"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("placeholder")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"请输入用户名"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-field-wrapper"},[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名",border:""}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-field-wrapper"')]),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-attr"},[s._v("border")]),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("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",disabled:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),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-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"username"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",error:""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"用户名："')]),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-attr"},[s._v("error")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-field")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(12),s._v(" "),s._m(13)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"field-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#field-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Field组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("表单中"),t("code",[s._v("input")]),s._v("或"),t("code",[s._v("textarea")]),s._v("的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("根据"),t("code",[s._v("type")]),s._v("属性显示不同的输入框。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"wu-label-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wu-label-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 无label的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("不传入"),t("code",[s._v("label")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-border-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-border-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带border的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入一个"),t("code",[s._v("border")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("disabled")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"cuo-wu-de-shu-ru-kuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cuo-wu-de-shu-ru-kuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 错误的输入框")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("error")]),s._v("属性即可。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("输入框类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("text")]),s._v(" "),t("td",[s._v("text, number, email, url, tel, date, datetime, password, textarea")])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框placeholder")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("输入框的值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("输入框标签")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用输入框")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("error")]),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;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 安装")]),s._v(" "),t("h3",{attrs:{id:"ynpm-an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ynpm-an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" ynpm安装")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-shell"},[s._v("npm i @youzan/zanui-vue -S\n")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:function(a){s.showSimpleToast()}}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("loading")}}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("success")}}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("failure")}}},[s._v("失败")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"showSimpleToast()"')]),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("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"showToast('loading')\"")]),s._v(">")]),s._v("加载Toast"),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("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"showToast('success')\"")]),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("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"showToast('failure')\"")]),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("import")]),s._v(" { Toast } "),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    showSimpleToast() {\n      Toast("),t("span",{staticClass:"hljs-string"},[s._v("'我是提示文案，建议不超过十五字~'")]),s._v(");\n    },\n    showToast(type) {\n      Toast({\n        "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v(": type,\n        "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'文案信息'")]),s._v("\n      })\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"toast"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("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', 'loading', 'success', 'failure'")])]),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",[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-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:{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("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-swipe",[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),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('"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),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-swipe-item")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),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('"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),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-swipe-item")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-swipe",{attrs:{"auto-play":!0}},[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":auto-play")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),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('"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),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-swipe-item")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe-item")]),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('"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("alt")]),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-swipe-item")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-swipe")]),s._v(">")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"swipe"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#swipe","aria-hidden":"true"}},[s._v("¶")]),s._v(" Swipe")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-dong-lun-bo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-dong-lun-bo","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自动轮播")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("当没有底部按钮时，右侧内容会居中显示。")]),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述"')]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-card",{attrs:{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("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n  "),t("span",{staticClass:"hljs-attr"},[s._v("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("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"card-tu-wen-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#card-tu-wen-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Card 图文组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("可以使用具名"),t("code",[s._v("slot")]),s._v("重写标题等信息，其中包含"),t("code",[s._v("title")]),s._v("、"),t("code",[s._v("desc")]),s._v("、"),t("code",[s._v("footer")]),s._v("和"),t("code",[s._v("tag")]),s._v("四个"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("thumb")]),s._v(" "),t("td",[s._v("左侧图片")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义标题")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("自定义描述")])]),s._v(" "),t("tr",[t("td",[s._v("tags")]),s._v(" "),t("td",[s._v("自定义tags")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",value:"单元格1内容"}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",value:"单元格2内容"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2内容"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",label:"描述信息","is-link":"",url:"javascript:void(0)"},on:{click:s.handleClick}}),s._v(" "),t("zan-cell",{attrs:{title:"单元格2",label:"描述信息"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"javascript:void(0)"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleClick"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"单元格2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"描述信息"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",icon:"home"}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"起码运动馆",value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}}),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"起码运动馆"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{value:"进入店铺",icon:"home",url:"http://youzan.com","is-link":""}},[t("template",{slot:"title"},[t("span",{staticClass:"zan-cell-text"},[s._v("起码运动馆")]),s._v(" "),t("img",{staticClass:"official-img",attrs:{src:"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"}})])],2),s._v(" "),t("zan-cell",{attrs:{title:"线下门店",icon:"location",url:"http://youzan.com","is-link":""}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"进入店铺"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-cell-text"')]),s._v(">")]),s._v("起码运动馆"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"//su.yzcdn.cn/v2/image/account/icon_guan_160421.png"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"official-img"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"线下门店"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"location"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://youzan.com"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("is-link")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"cell-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cell-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Cell 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"biao-ti-dai-miao-shu-xin-xi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#biao-ti-dai-miao-shu-xin-xi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 标题带描述信息")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("label")]),s._v("属性，属性值为描述信息的值。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-tu-biao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带图标")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("icon")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ke-dian-ji-de-lian-jie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ke-dian-ji-de-lian-jie","aria-hidden":"true"}},[s._v("¶")]),s._v(" 可点击的链接")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("url")]),s._v("属性，传入"),t("code",[s._v("isLink")]),s._v("属性则会在右侧显示箭头。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如以上用法不能满足你的需求，可以使用对应的"),t("code",[s._v("slot")]),s._v("来自定义显示的内容。包含三个"),t("code",[s._v("slot")]),s._v("，默认"),t("code",[s._v("slot")]),s._v("，"),t("code",[s._v("icon")]),s._v("和"),t("code",[s._v("title")]),s._v("的"),t("code",[s._v("slot")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("左侧图标")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("左侧标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("右侧内容")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("isLink")]),s._v(" "),t("td",[s._v("是否为链接，链接会在右侧出现箭头")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("描述信息，显示在标题下方")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义显示内容")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("自定义icon")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义title")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",{staticClass:"example-block"},[t("h2",{staticClass:"demo-sub-title",domProps:{textContent:s._s(s.title)}}),s._v(" "),s._t("default")],2)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-badge"},[t("h1",{staticClass:"demo-title"},[s._v("badge")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-switch"},[t("h1",{staticClass:"demo-title"},[s._v("switch")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:s.switchState,"on-change":s.updateState}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v(s._s(s.switchStateText))])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,disabled:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, DISABLED")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!0,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("ON, LOADING")])],1),s._v(" "),t("div",{staticClass:"demo-switch__wrapper"},[t("zan-switch",{staticClass:"some-customized-class",attrs:{checked:!1,loading:!0}}),s._v(" "),t("div",{staticClass:"demo-switch__text"},[s._v("OFF, LOADING")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:100}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{inactive:!0,percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:100}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":inactive")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"红色",color:"#ed5050",percentage:26}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"橙色",color:"#f60",percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"黄色",color:"#f09000",percentage:66}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"红色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#ed5050"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"26"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"橙色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#f60"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"46"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),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-progress__wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-progress__demo1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("pivot-text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"黄色"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#f09000"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":percentage")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"66"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-progress")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"switch-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#switch-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Switch组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"inactive"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inactive","aria-hidden":"true"}},[s._v("¶")]),s._v(" Inactive")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-yan-se-he-wen-zi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yan-se-he-wen-zi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义颜色和文字")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("inactive")]),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("percentage")]),s._v(" "),t("td",[s._v("进度百分比")]),s._v(" "),t("td",[s._v("number")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("0-100")])]),s._v(" "),t("tr",[t("td",[s._v("pivotText")]),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("color")]),s._v(" "),t("td",[s._v("进度条颜色")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("#38f")]),s._v(" "),t("td",[s._v("hexvalue")])]),s._v(" "),t("tr",[t("td",[s._v("textColor")]),s._v(" "),t("td",[s._v("进度条文字颜色")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("#fff")]),s._v(" "),t("td",[s._v("hexvalue")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-toast"},[t("h1",{staticClass:"demo-title"},[s._v("toast")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:function(a){s.showSimpleToast()}}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("loading")}}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("success")}}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showToast("failure")}}},[s._v("失败")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"certificate"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("icon-class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"steps-success"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("description")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"nextStep"')]),s._v(">")]),s._v("下一步"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    nextStep() {\n      "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (++"),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active > "),t("span",{staticClass:"hljs-number"},[s._v("3")]),s._v(") "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".active = "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n    }\n  }\n}\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"active"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家下单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("商家接单"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("买家提货"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("交易完成"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-step")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-steps")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"steps-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps 步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zhi-xian-shi-bu-zou-tiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zhi-xian-shi-bu-zou-tiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 只显示步骤条")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("当前激活的步骤，从0开始")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("当前步骤的icon")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("iconClass")]),s._v(" "),t("td",[s._v("当前步骤栏为icon添加的类")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("当前步骤从标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("description")]),s._v(" "),t("td",[s._v("当前步骤描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"steps-slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#steps-slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Steps Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("message-extra")]),s._v(" "),t("td",[s._v("状态栏添加额外的元素")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleAlertClick"')]),s._v(">")]),s._v("alert"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handleConfirmClick"')]),s._v(">")]),s._v("confirm"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Dialog } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'src/index'")]),s._v(";\n\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n    handleAlertClick() {\n      Dialog.alert({\n        "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'alert标题'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n      }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n      });\n    },\n\n    handleConfirmClick() {\n      Dialog.confirm({\n        "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'confirm标题'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'")]),s._v("\n      }).then("),t("span",{staticClass:"hljs-function"},[s._v("("),t("span",{staticClass:"hljs-params"},[s._v("action")]),s._v(") =>")]),s._v(" {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(action);\n      }, (error) => {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(error);\n      });\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"dialog-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dialog-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Dialog组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show1=!0}}},[s._v("弹出actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show1,expression:"show1"}],attrs:{actions:s.actions1},domProps:{value:s.show1},on:{input:function(a){s.show1=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),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('"show1 = true"')]),s._v(">")]),s._v("弹出actionsheet"),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-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":actions")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"actions1"')]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-actionsheet")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show2=!0}}},[s._v("弹出带取消按钮的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show2,expression:"show2"}],attrs:{actions:s.actions1,"cancel-text":"取消"},domProps:{value:s.show2},on:{input:function(a){s.show2=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),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('"show2 = true"')]),s._v(">")]),s._v("弹出带取消按钮的actionsheet"),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-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":actions")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"actions1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("cancel-text")]),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-actionsheet")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.show3=!0}}},[s._v("弹出带标题的actionsheet")])],1),s._v(" "),t("zan-actionsheet",{directives:[{name:"model",rawName:"v-model",value:s.show3,expression:"show3"}],staticClass:"title-actionsheet",attrs:{title:"支持以下配送方式"},domProps:{value:s.show3},on:{input:function(a){s.show3=a}}},[t("p",[s._v("一些内容")])])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),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('"show3 = true"')]),s._v(">")]),s._v("弹出带标题的actionsheet"),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-actionsheet")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show3"')]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title-actionsheet"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("一些内容"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-actionsheet")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-qu-xiao-an-niu-de-actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-qu-xiao-an-niu-de-actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带取消按钮的ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"dai-biao-ti-de-actionsheet"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-biao-ti-de-actionsheet","aria-hidden":"true"}},[s._v("¶")]),s._v(" 带标题的ActionSheet")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("actions")]),s._v(" "),t("td",[s._v("行动按钮数组")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[]")]),s._v(" "),t("td")]),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(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("cancelText")]),s._v(" "),t("td",[s._v("取消按钮文案")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("overlay")]),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("closeOnClickOverlay")]),s._v(" "),t("td",[s._v("点击遮罩是否关闭ActionSheet")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td"),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"actions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#actions","aria-hidden":"true"}},[s._v("¶")]),s._v(" actions")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("actions")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("标题")])]),s._v(" "),t("tr",[t("td",[s._v("subname")]),s._v(" "),t("td",[s._v("二级标题")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("是否是loading状态")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{attrs:{"before-read":s.logContent},on:{"file-readed":s.logContent}})],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"uploader-container"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(" \n        "),t("span",{staticClass:"hljs-attr"},[s._v(":before-read")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v("\n        "),t("span",{staticClass:"hljs-attr"},[s._v("@file-readed")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{on:{"file-readed":s.logContent}},[t("zan-icon",{attrs:{name:"camera"}})],1)],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"uploader-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@file-readed")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"logContent"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"camera"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-icon")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-uploader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"uploader-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#uploader-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Uploader 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-shang-chuan-tu-biao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-shang-chuan-tu-biao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义上传图标")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("result-type")]),s._v(" "),t("td",[s._v("读取文件的方式，以base64的方式读取；以文本的方式读取")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'dataUrl'")]),s._v(" "),t("td",[s._v("'dataUrl','text'")])]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片")]),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("before-read")]),s._v(" "),t("td",[s._v("读文件之前的钩子，参数为选择的文件，若返回 false 则停止读取文件。")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("file-readed")]),s._v(" "),t("td",[s._v("文件读完之后出发此事件，参数为{name:'文件名',type:'文件类型',size:'文件大小',content:'读的内容'}")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td"),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义上传显示图标")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-tab"},[t("h1",{staticClass:"demo-title"},[s._v("tab")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"禁用用法"}},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{disable:"",title:"选项二"},on:{disable:s.popalert}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"card样式用法"}},[t("zan-tabs",{attrs:{type:"card"}},[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),t("example-block",{attrs:{title:"自定义样式用法"}},[t("zan-tabs",{attrs:{active:"2",navclass:"custom-tabwrap"}},[t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项五"}},[s._v("内容五")])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-tag"},[t("h1",{staticClass:"demo-title"},[s._v("tag")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),t("example-block",{attrs:{title:"高级用法"}},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox1,expression:"checkbox1"}],domProps:{value:s.checkbox1},on:{input:function(a){s.checkbox1=a}}},[s._v("复选框1")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox1"')]),s._v(">")]),s._v("复选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox1")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox",{directives:[{name:"model",rawName:"v-model",value:s.checkbox2,expression:"checkbox2"}],domProps:{value:s.checkbox2},on:{input:function(a){s.checkbox2=a}}},[s._v("复选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"checkbox2"')]),s._v(">")]),s._v("复选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("checkbox2")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n    };\n  }\n}; \n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  },\n\n  "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n    result(val) {\n      "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(val);\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-checkbox-wrapper"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],attrs:{disabled:""},domProps:{value:s.result},on:{input:function(a){s.result=a}}},s._l(s.list,function(a){return t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])}))],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-checkbox-wrapper"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-checkbox-group",{directives:[{name:"model",rawName:"v-model",value:s.result,expression:"result"}],domProps:{value:s.result},on:{input:function(a){s.result=a}}},[t("zan-cell-group",s._l(s.list,function(a){return t("zan-cell",[t("zan-checkbox",{attrs:{name:a}},[s._v("复选框"+s._s(a))])],1)}))],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"result"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in list"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item"')]),s._v(">")]),s._v("复选框"),t("span",[s._v("{{")]),s._v("item"),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-checkbox-group")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("list")]),s._v(": [\n        "),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v(",\n        "),t("span",{staticClass:"hljs-string"},[s._v("'c'")]),s._v("\n      ],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("result")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'a'")]),s._v(", "),t("span",{staticClass:"hljs-string"},[s._v("'b'")]),s._v("]\n    };\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"checkbox-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-checkbox-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-checkbox-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用Checkbox组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkbox-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkbox-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Checkbox API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"checkboxgroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#checkboxgroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" CheckboxGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"demo-loading"},[t("h2",{staticClass:"demo-sub-title"},[s._v("渐变深色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class"})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("渐变浅色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example demo-loading__example--with-bg"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"white"}})],1),s._v(" "),t("h2",{staticClass:"demo-sub-title"},[s._v("单色spinner")]),s._v(" "),t("div",{staticClass:"demo-loading__example"},[t("zan-loading",{staticClass:"some-customized-class",attrs:{type:"circle",color:"black"}})],1)])]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变深色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("渐变浅色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example demo-loading__example--with-bg"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'white'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-sub-title"')]),s._v(">")]),s._v("单色spinner"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h2")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"demo-loading__example"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"some-customized-class"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'circle'\"")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":color")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"'black'\"")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-loading")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])])],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"loading"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading","aria-hidden":"true"}},[s._v("¶")]),s._v(" Loading")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("四字标签")]),s._v(" "),t("zan-tag",{attrs:{type:"danger"}},[s._v("一")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("四字标签"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"danger"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"primary"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"primary"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"success"}},[s._v("返现")]),s._v(" "),t("zan-tag",{attrs:{plain:!0,type:"success"}},[s._v("返现")])],1),s._v(" "),t("div",{staticClass:"tags-container"},[t("zan-tag",{attrs:{type:"danger",mark:!0}},[s._v("返现")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"primary"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":plain")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"tags-container"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"true"')]),s._v(">")]),s._v("返现"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tag")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"tag-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tag-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Tag 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("plain")]),s._v(" "),t("td",[s._v("是否是空心tag")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("是否是标记")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("tag类型")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("'primary', 'success', 'danger'")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义tag显示内容")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-quantity"},[t("h1",{staticClass:"demo-title"},[s._v("quantity")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity1))])],1),t("example-block",{attrs:{title:"禁用Quantity"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],attrs:{disabled:""},domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}})],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity2,expression:"quantity2"}],attrs:{min:"5",max:"40",step:"2","default-value":"9"},domProps:{value:s.quantity2},on:{input:function(a){s.quantity2=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity2))])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"1"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio1,expression:"radio1"}],attrs:{name:"2"},domProps:{value:s.radio1},on:{input:function(a){s.radio1=a}}},[s._v("单选框2")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio1"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio1")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"1",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("未选中禁用")]),s._v(" "),t("zan-radio",{directives:[{name:"model",rawName:"v-model",value:s.radio2,expression:"radio2"}],attrs:{name:"2",disabled:""},domProps:{value:s.radio2},on:{input:function(a){s.radio2=a}}},[s._v("选中且禁用")])],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("未选中禁用"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),s._v("选中且禁用"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio2")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'2'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-radios"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio3,expression:"radio3"}],domProps:{value:s.radio3},on:{input:function(a){s.radio3=a}}},[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")]),s._v(" "),t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)]),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-radios"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio3"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  \n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio3")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-radio-group",{directives:[{name:"model",rawName:"v-model",value:s.radio4,expression:"radio4"}],domProps:{value:s.radio4},on:{input:function(a){s.radio4=a}}},[t("zan-cell-group",[t("zan-cell",[t("zan-radio",{attrs:{name:"1"}},[s._v("单选框1")])],1),s._v(" "),t("zan-cell",[t("zan-radio",{attrs:{name:"2"}},[s._v("单选框2")])],1)],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"radio4"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(">")]),s._v("单选框1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("name")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("单选框2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-cell-group")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-radio-group")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n"),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n  data() {\n    "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n      "),t("span",{staticClass:"hljs-attr"},[s._v("radio4")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'1'")]),s._v("\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"radio-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-zhuang-tai"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-zhuang-tai","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用状态")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-zu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-zu","aria-hidden":"true"}},[s._v("¶")]),s._v(" radio组")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"yu-cell-zu-jian-yi-qi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#yu-cell-zu-jian-yi-qi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 与Cell组件一起使用")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radio-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radio-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" Radio API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("name")]),s._v(" "),t("td",[s._v("根据这个来判断radio是否选中")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用单选框")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"radiogroup-event"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radiogroup-event","aria-hidden":"true"}},[s._v("¶")]),s._v(" RadioGroup Event")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件名称")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("回调参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当绑定值变化时触发的事件")]),s._v(" "),t("td",[s._v("当前组件的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{disable:"",title:"选项二"},on:{disable:s.popalert}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disable")]),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("@disable")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"popalert"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),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    popalert() {\n      alert("),t("span",{staticClass:"hljs-string"},[s._v("'haha'")]),s._v(")\n    }\n  }\n};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",{attrs:{type:"card"}},[t("zan-tab",{attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"card"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项一"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项二"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项三"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项四"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"选项五"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-tabs",{attrs:{active:"2",navclass:"custom-tabwrap"}},[t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项一"}},[s._v("内容一")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项二"}},[s._v("内容二")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项三"}},[s._v("内容三")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项四"}},[s._v("内容四")]),s._v(" "),t("zan-tab",{staticClass:"custom-pane",attrs:{title:"选项五"}},[s._v("内容五")])],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("navclass")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-tabwrap"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容三"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容四"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-pane"')]),s._v(">")]),s._v("内容五"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tab")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-tabs")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n  "),t("span",{staticClass:"hljs-selector-class"},[s._v(".page-tab")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(" "),t("span",{staticClass:"hljs-number"},[s._v("15px")]),s._v(";\n  }\n  "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tabwrap")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".zan-tab-active")]),s._v("{\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#20a0ff")]),s._v(";\n  }\n  "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tabwrap")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".zan-tabs-nav-bar")]),s._v("{\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#20a0ff")]),s._v(";\n  }\n  "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-tab")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("font-weight")]),s._v(": bold;\n  }\n  "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-pane")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("50px")]),s._v(";\n    "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("50px")]),s._v(";\n  }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"tab-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tab-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Tab 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"card-yang-shi-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#card-yang-shi-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" card样式用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zi-ding-yi-yang-shi-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zi-ding-yi-yang-shi-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 自定义样式用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zan-tabs-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zan-tabs-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" zan-tabs API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("classtype")]),s._v(" "),t("td",[s._v("两种UI")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("line")]),s._v(" "),t("td",[s._v("card")])]),s._v(" "),t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("默认激活的tab")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("number")])]),s._v(" "),t("tr",[t("td",[s._v("navclass")]),s._v(" "),t("td",[s._v("tabs的内部nav上的自定义classname")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"zan-tab-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#zan-tab-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" zan-tab API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("tab的标题")]),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("disable")]),s._v(" "),t("td",[s._v("是否禁用这个tab")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("false")]),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-swipe"},[t("h1",{staticClass:"demo-title"},[s._v("swipe")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-swipe",[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],1)],1),t("example-block",{attrs:{title:"自动轮播"}},[t("zan-swipe",{attrs:{"auto-play":!0}},[t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})]),s._v(" "),t("zan-swipe-item",[t("img",{attrs:{src:"https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg?imageView2/2/w/980/h/980/q/75/format/webp",alt:""}})])],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-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",[s._m(0),s._v(" "),t("p",[s._v("面板只是一个容器，里面可以放入自定义的内容。")]),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("div",{staticClass:"panel-content"},[s._v("\n    panel内容\n  ")])])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"panel-content"')]),s._v(">")]),s._v("\n    panel内容\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-panel",{attrs:{title:"标题",desc:"标题描述",status:"状态"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"商品SKU1，商品SKU2",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}},[t("div",{staticClass:"zan-card__row",slot:"title"},[t("h4",{staticClass:"zan-card__title"},[s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余")]),s._v(" "),t("span",{staticClass:"zan-card__price"},[s._v("¥ 2.00")])]),s._v(" "),t("div",{staticClass:"zan-card__row",slot:"desc"},[t("h4",{staticClass:"zan-card__desc"},[s._v("商品sku")]),s._v(" "),t("span",{staticClass:"zan-card__num"},[s._v("x 2")])]),s._v(" "),t("div",{staticClass:"zan-card__footer",slot:"footer"},[t("zan-button",{attrs:{size:"mini"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"mini"}},[s._v("按钮二")])],1)]),s._v(" "),t("div",{staticClass:"zan-panel-sum"},[s._v("\n    合计："),t("span",[s._v("¥ 1999.90")])]),s._v(" "),t("div",{staticClass:"zan-panel-buttons",slot:"footer"},[t("zan-button",{attrs:{size:"small"}},[s._v("按钮一")]),s._v(" "),t("zan-button",{attrs:{size:"small",type:"danger"}},[s._v("按钮二")])],1)],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"标题描述"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"状态"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("desc")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"商品SKU1，商品SKU2"')]),s._v("\n    "),t("span",{staticClass:"hljs-attr"},[s._v("thumb")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"title"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__title"')]),s._v(">")]),s._v("商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__price"')]),s._v(">")]),s._v("¥ 2.00"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__row"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"desc"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__desc"')]),s._v(">")]),s._v("商品sku"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h4")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__num"')]),s._v(">")]),s._v("x 2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-card__footer"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n      "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"mini"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-card")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-sum"')]),s._v(">")]),s._v("\n    合计："),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("¥ 1999.90"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-panel-buttons"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"footer"')]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(">")]),s._v("按钮一"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n    "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"danger"')]),s._v(">")]),s._v("按钮二"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-button")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-panel")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"panel-mian-ban"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#panel-mian-ban","aria-hidden":"true"}},[s._v("¶")]),s._v(" Panel 面板")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("使用具名"),t("code",[s._v("slot")]),s._v("自定义内容。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("状态")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"slot"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#slot","aria-hidden":"true"}},[s._v("¶")]),s._v(" Slot")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("name")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("-")]),s._v(" "),t("td",[s._v("自定义内容")])]),s._v(" "),t("tr",[t("td",[s._v("header")]),s._v(" "),t("td",[s._v("自定义header")])]),s._v(" "),t("tr",[t("td",[s._v("footer")]),s._v(" "),t("td",[s._v("自定义footer")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-steps"},[t("h1",{staticClass:"demo-title"},[s._v("steps")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-steps",{attrs:{active:s.active,icon:"certificate","icon-class":"steps-success",title:"等待商家发货",description:"等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1),s._v(" "),t("zan-button",{on:{click:s.nextStep}},[s._v("下一步")])],1),t("example-block",{attrs:{title:"只显示步骤条"}},[t("zan-steps",{attrs:{active:s.active}},[t("zan-step",[s._v("买家下单")]),s._v(" "),t("zan-step",[s._v("商家接单")]),s._v(" "),t("zan-step",[s._v("买家提货")]),s._v(" "),t("zan-step",[s._v("交易完成")])],1)],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-field"},[t("h1",{staticClass:"demo-title"},[s._v("field")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{type:"text",label:"用户名：",placeholder:"请输入用户名"},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),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:"带border的输入框"}},[t("div",{staticClass:"zan-field-wrapper"},[t("zan-field",{attrs:{type:"text",placeholder:"请输入用户名",border:""}})],1)]),t("example-block",{attrs:{title:"禁用的输入框"}},[t("zan-cell-group",[t("zan-field",{directives:[{name:"model",rawName:"v-model",value:s.username,expression:"username"}],attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",disabled:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}})],1)],1),t("example-block",{attrs:{title:"错误的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{label:"用户名：",type:"text",placeholder:"请输入用户名",error:""}})],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-progress"},[t("h1",{staticClass:"demo-title"},[s._v("progress")]),t("example-block",{attrs:{title:"基础用法"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{percentage:100}})],1)]),t("example-block",{attrs:{title:"Inactive"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:0}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo2",attrs:{inactive:!0,percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{inactive:!0,percentage:100}})],1)]),t("example-block",{attrs:{title:"自定义颜色"}},[t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"红色",color:"#ed5050",percentage:26}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"橙色",color:"#f60",percentage:46}})],1),s._v(" "),t("div",{staticClass:"demo-progress__wrapper"},[t("zan-progress",{staticClass:"demo-progress__demo1",attrs:{"pivot-text":"黄色",color:"#f09000",percentage:66}})],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow1=!0}}},[s._v("从下方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow1,expression:"popupShow1"}],staticClass:"zan-popup-1",attrs:{position:"bottom"},domProps:{value:s.popupShow1},on:{input:function(a){s.popupShow1=a}}},[t("zan-button",{on:{click:s.showDialog}},[s._v("弹出dialog")])],1),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow2=!0}}},[s._v("从上方方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow2,expression:"popupShow2"}],staticClass:"zan-popup-2",attrs:{position:"top",overlay:!1},domProps:{value:s.popupShow2},on:{input:function(a){s.popupShow2=a}}},[s._v("\n  更新成功\n")]),s._v(" "),t("div",{staticClass:"zan-row"},[t("zan-button",{on:{click:function(a){s.popupShow3=!0}}},[s._v("从右方弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow3,expression:"popupShow3"}],staticClass:"zan-popup-3",attrs:{position:"right",overlay:!1},domProps:{value:s.popupShow3},on:{input: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-row"},[t("zan-button",{on:{click:function(a){s.popupShow4=!0}}},[s._v("从中间弹出popup")])],1),s._v(" "),t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.popupShow4,expression:"popupShow4"}],staticClass:"zan-popup-4",domProps:{value:s.popupShow4},on:{input:function(a){s.popupShow4=a}}},[s._v("\n  从中间弹出popup\n")])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-row"')]),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  "),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('"showDialog"')]),s._v(">")]),s._v("弹出dialog"),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-row"')]),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-row"')]),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-row"')]),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("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"zan-popup-4"')]),s._v(">")]),s._v("\n  从中间弹出popup\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\n")])])])]),s._v(" "),t("p",[s._v("点击以下按钮查看手机端效果：")]),s._v(" "),t("p",[t("zan-button",{on:{click:function(a){s.mobileShow=!0}}},[s._v("点击查看手机端效果")]),s._v(" "),t("mobile-popup",{directives:[{name:"model",rawName:"v-model",value:s.mobileShow,expression:"mobileShow"}],attrs:{url:s.mobileUrl},domProps:{value:s.mobileShow},on:{input:function(a){s.mobileShow=a}}})],1),s._v(" "),s._m(2),s._v(" "),s._m(3)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"popup-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#popup-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Popup组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("利用"),t("code",[s._v("v-model")]),s._v("绑定当前组件是否显示")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("zan-popup",{directives:[{name:"model",rawName:"v-model",value:s.currentValue,expression:"currentValue"}],domProps:{value:s.currentValue},on:{input:function(a){s.currentValue=a}}},[t("div",{staticClass:"mobile-popup"},[t("iframe",{staticClass:"mobile-popup-iframe",attrs:{src:s.url}})],1)])},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity1))])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity1"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"curr-quantity"')]),s._v(">")]),s._v("当前值："),t("span",[s._v("{{")]),s._v(" quantity1 "),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity1,expression:"quantity1"}],attrs:{disabled:""},domProps:{value:s.quantity1},on:{input:function(a){s.quantity1=a}}})],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-quantity",{directives:[{name:"model",rawName:"v-model",value:s.quantity2,expression:"quantity2"}],attrs:{min:"5",max:"40",step:"2","default-value":"9"},domProps:{value:s.quantity2},on:{input:function(a){s.quantity2=a}}}),s._v(" "),t("p",{staticClass:"curr-quantity"},[s._v("当前值："+s._s(s.quantity2))])],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"quantity2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("min")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"5"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("max")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"40"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("step")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("default-value")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"9"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-quantity")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"curr-quantity"')]),s._v(">")]),s._v("当前值："),t("span",[s._v("{{")]),s._v(" quantity2 "),t("span",[s._v("}}")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("p")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(5),s._v(" "),s._m(6)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"quantity"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#quantity","aria-hidden":"true"}},[s._v("¶")]),s._v(" Quantity")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"jin-yong-quantity"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-quantity","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用Quantity")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"gao-ji-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#gao-ji-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 高级用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("默认是每次加减为1，可以对组件设置"),t("code",[s._v("step")]),s._v("、"),t("code",[s._v("min")]),s._v("、"),t("code",[s._v("max")]),s._v("、"),t("code",[s._v("defaultValue")]),s._v("属性。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("min")]),s._v(" "),t("td",[s._v("最小值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("最大值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("step")]),s._v(" "),t("td",[s._v("步数")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])]),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("''")])]),s._v(" "),t("tr",[t("td",[s._v("defaultValue")]),s._v(" "),t("td",[s._v("默认值")]),s._v(" "),t("td",[s._v("string/number")]),s._v(" "),t("td",[s._v("1")]),s._v(" "),t("td",[s._v("''")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active-key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"热销榜"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://baidu.com"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"花式寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"火炽寿司"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"手握寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"199"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"badge-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#badge-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Badge 组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-group-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-group-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge-group API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("active-key")]),s._v(" "),t("td",[s._v("激活的badge的索引")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'0'但必须子badge里的mark是有0位索引")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"z-badge-api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#z-badge-api","aria-hidden":"true"}},[s._v("¶")]),s._v(" z-badge API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("必须")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("badge的唯一key值")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("badge的文案标题")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td",[s._v("required")])]),s._v(" "),t("tr",[t("td",[s._v("info")]),s._v(" "),t("td",[s._v("当前badge的提示消息数量")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("全连接直接跳转或者hash")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-button"},[t("h1",{staticClass:"demo-title"},[s._v("button")]),t("example-block",{attrs:{title:"按钮功能"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),t("example-block",{attrs:{title:"禁用状态"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),t("example-block",{attrs:{title:"按钮尺寸"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),t("example-block",{attrs:{title:"自定义按钮标签"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),t("example-block",{attrs:{title:"loading按钮"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),t("example-block",{attrs:{title:"button group"}},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"kuai-su-shang-shou"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kuai-su-shang-shou","aria-hidden":"true"}},[s._v("¶")]),s._v(" 快速上手")]),s._v(" "),t("h3",{attrs:{id:"wan-zheng-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wan-zheng-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 完整引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" ZanUI "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/index.css'")]),s._v(";\n\nVue.use(ZanUI);\n")])]),s._v(" "),t("h3",{attrs:{id:"an-xu-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-xu-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按需引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Button, Cell } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/button.css'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/cell.css'")]),s._v(";\n\nVue.component(Button.name, Button);\nVue.component(Cell.name, Cell);\n")])])])}]}},function(s,a,t){var n=t(321);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e4092d22",n,!0)},function(s,a,t){var n=t(322);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("29a42a14",n,!0)},,function(s,a,t){var n=t(324);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("0880d77c",n,!0)},function(s,a,t){var n=t(325);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("eb04c0ae",n,!0)},function(s,a,t){var n=t(326);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("a0c935b8",n,!0)},function(s,a,t){var n=t(327);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6bb27502",n,!0)},function(s,a,t){var n=t(328);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("befa047e",n,!0)},function(s,a,t){var n=t(329);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("563c9986",n,!0)},function(s,a,t){var n=t(330);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("08f0509a",n,!0)},function(s,a,t){var n=t(331);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("0471d6ad",n,!0)},function(s,a,t){var n=t(332);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("42d50ea0",n,!0)},function(s,a,t){var n=t(333);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e239d9c8",n,!0)},function(s,a,t){var n=t(334);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("dc8a21b6",n,!0)},function(s,a,t){var n=t(335);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("18315e2a",n,!0)},function(s,a,t){var n=t(336);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("3de58e5a",n,!0)},function(s,a,t){var n=t(337);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("258ceee5",n,!0)},function(s,a,t){var n=t(338);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7ebbf6ae",n,!0)},function(s,a,t){var n=t(339);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("aec750f8",n,!0)},function(s,a,t){var n=t(340);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("61a09935",n,!0)},function(s,a,t){var n=t(341);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("2b8f1f03",n,!0)},function(s,a,t){var n=t(342);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("ba18c812",n,!0)},function(s,a,t){var n=t(343);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6aad1ea0",n,!0)},function(s,a,t){var n=t(344);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6f1c2f7a",n,!0)},function(s,a,t){var n=t(345);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c3cdce38",n,!0)},function(s,a,t){var n=t(346);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4caddb6c",n,!0)},function(s,a,t){var n=t(347);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("04b2d17a",n,!0)},function(s,a,t){var n=t(348);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("3dce8a0c",n,!0)},function(s,a,t){var n=t(349);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("53634317",n,!0)},function(s,a,t){var n=t(350);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4e2231ec",n,!0)},function(s,a,t){var n=t(351);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("492592b3",n,!0)},function(s,a,t){var n=t(352);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("63f05139",n,!0)},function(s,a,t){var n=t(353);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5ca50fae",n,!0)},function(s,a,t){var n=t(354);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7853e0ea",n,!0)},function(s,a,t){var n=t(355);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("9c20a986",n,!0)},function(s,a,t){var n=t(356);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7985770b",n,!0)},function(s,a,t){var n=t(357);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7714a208",n,!0)},function(s,a,t){var n=t(358);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4f8016e2",n,!0)},function(s,a,t){var n=t(359);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("2d111318",n,!0)},function(s,a,t){var n=t(360);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4ad969b8",n,!0)},function(s,a,t){var n=t(361);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("13bbc6dd",n,!0)},function(s,a,t){var n=t(362);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("11739686",n,!0)},function(s,a,t){var n=t(363);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6f33150c",n,!0)},function(s,a,t){var n=t(364);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c09259b8",n,!0)},function(s,a,t){s.exports=t(392)},function(s,a,t){s.exports=t(393)},function(s,a,t){s.exports=t(394)},function(s,a,t){s.exports=t(395)},function(s,a,t){s.exports=t(396)},function(s,a,t){s.exports=t(397)},function(s,a,t){s.exports=t(398)},function(s,a,t){s.exports=t(399)},function(s,a,t){s.exports=t(400)},function(s,a,t){s.exports=t(401)},function(s,a,t){s.exports=t(402)},function(s,a,t){s.exports=t(403)},function(s,a,t){s.exports=t(404)},function(s,a,t){s.exports=t(405)},function(s,a,t){s.exports=t(406)},function(s,a,t){s.exports=t(407)},function(s,a,t){s.exports=t(408)},function(s,a,t){s.exports=t(409)},function(s,a,t){s.exports=t(410)},function(s,a,t){s.exports=t(411)},function(s,a,t){s.exports=t(412)},function(s,a,t){s.exports=t(413)},function(s,a,t){s.exports=t(414)},function(s,a,t){s.exports=t(415)},function(s,a,t){s.exports=t(416)},function(s,a,t){s.exports=t(417)},function(s,a,t){s.exports=t(418)},function(s,a,t){s.exports=t(419)},function(s,a,t){s.exports=t(420)}]));