blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/build/0.js
jiangruowei c33ec4f968 chore: rebuild docs
2017-03-22 17:14:20 +08:00

17 lines
734 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

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

<<<<<<< HEAD
webpackJsonp([0],Array(256).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":389,"./examples-dist/badge.vue":390,"./examples-dist/button.vue":391,"./examples-dist/card.vue":392,"./examples-dist/cell.vue":393,"./examples-dist/checkbox.vue":394,"./examples-dist/datetime-picker.vue":395,"./examples-dist/dialog.vue":396,"./examples-dist/field.vue":397,"./examples-dist/icon.vue":398,"./examples-dist/image-preview.vue":399,"./examples-dist/loading.vue":400,"./examples-dist/panel.vue":401,"./examples-dist/picker.vue":402,"./examples-dist/popup.vue":403,"./examples-dist/progress.vue":404,"./examples-dist/quantity.vue":405,"./examples-dist/radio.vue":406,"./examples-dist/search.vue":407,"./examples-dist/steps.vue":408,"./examples-dist/swipe.vue":409,"./examples-dist/switch.vue":410,"./examples-dist/tab.vue":411,"./examples-dist/tag.vue":412,"./examples-dist/toast.vue":413,"./examples-dist/uploader.vue":414,"./examples-dist/waterfall.vue":415};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=256},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":556,"./examples-docs/badge.md":557,"./examples-docs/button.md":558,"./examples-docs/card.md":559,"./examples-docs/cell.md":560,"./examples-docs/checkbox.md":561,"./examples-docs/datetime-picker.md":562,"./examples-docs/dialog.md":563,"./examples-docs/field.md":564,"./examples-docs/icon.md":565,"./examples-docs/image-preview.md":566,"./examples-docs/install.md":567,"./examples-docs/layout.md":568,"./examples-docs/loading.md":569,"./examples-docs/panel.md":570,"./examples-docs/picker.md":571,"./examples-docs/popup.md":572,"./examples-docs/progress.md":573,"./examples-docs/quantity.md":574,"./examples-docs/quickstart.md":575,"./examples-docs/radio.md":576,"./examples-docs/search.md":577,"./examples-docs/steps.md":578,"./examples-docs/swipe.md":579,"./examples-docs/switch.md":580,"./examples-docs/tab.md":581,"./examples-docs/tag.md":582,"./examples-docs/toast.md":583,"./examples-docs/uploader.md":584,"./examples-docs/waterfall.md":585};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=257},,,,,,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var n=t(0)(t(287),t(477),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(388),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(335),__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(283),v=n(i),_=t(284),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(283),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(283),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(283),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(283),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(283),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(283),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{minHour:10,maxHour:20,minDate:new Date}},methods:{handlePickerChange:function(s,a){console.log(a)},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(283),v=n(i),_=t(32),c=t(284),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(283),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(283),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(283),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"])}}}},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(283),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(283),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(285),e=n(l),i=t(2),v=n(i),_=t(283),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(283),v=n(i),_=t(284),c=n(_),r=t(56),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(283),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(283),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(283),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(283),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(283),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(283),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(283),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=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(283),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(283),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(283),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{showSimpleToast:function(){(0,_.Toast)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){_.Toast.loading()},showSuccessToast:function(){_.Toast.success("成功文案")},showFailToast:function(){_.Toast.fail("失败文案")},showForbidClickToast:function(){(0,_.Toast)({message:"背景不能点击",forbidClick:!0})},showCustomizedToast:function(s){var a=s/1e3,t=(0,_.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){return a<=1?(window.clearInterval(),void(t.message="跳转中...")):void(t.message=(--a).toString())},1e3)},showToast:function(){this.toast=(0,_.Toast)("我是提示文案，建议不超过十五字~")},closeToast:function(){this.toast.clear()},showHtmlToast:function(){(0,_.Toast)({type:"html",message:"<em>HTML<em>"})}}}},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(283),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(283),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;return this.list.length>=200?void(this.finished=!0):(this.loading=!0,void 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(284),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";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{minHour:10,maxHour:20,minDate:new Date}},methods:{handlePickerChange:function(s,a){console.log(a)},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(32),e=t(284),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"])}}}},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(285),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(284),e=n(l),i=t(56),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={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=s}}}},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)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){n.Toast.loading()},showSuccessToast:function(){n.Toast.success("成功文案")},showFailToast:function(){n.Toast.fail("失败文案")},showForbidClickToast:function(){(0,n.Toast)({message:"背景不能点击",forbidClick:!0})},showCustomizedToast:function(s){var a=s/1e3,t=(0,n.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){return a<=1?(window.clearInterval(),void(t.message="跳转中...")):void(t.message=(--a).toString())},1e3)},showToast:function(){this.toast=(0,n.Toast)("我是提示文案，建议不超过十五字~")},closeToast:function(){this.toast.clear()},showHtmlToast:function(){(0,n.Toast)({type:"html",message:"<em>HTML<em>"})}}}},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;return this.list.length>=200?void(this.finished=!0):(this.loading=!0,void 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(337),s.exports=t(4).Object.keys},function(s,a,t){var n=t(8),l=t(4),e=t(20);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(336)("keys",function(){return function(s){return l(n(s))}})},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),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(11)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(11)(),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%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},,function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),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(11)(),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(11)(),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(11)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(11)(),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%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".mobile-popup{width:375px;height:650px;background:url(https://b.yzcdn.cn/v2/image/wap/zanui-mobile-container.png) no-repeat}.mobile-popup-iframe{width:100%;box-sizing:border-box;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;top:64px;height:586px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(553);var n=t(0)(t(289),t(502),null,null);s.exports=n.exports},function(s,a,t){t(515);var n=t(0)(t(290),t(455),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(291),t(478),null,null);s.exports=n.exports},function(s,a,t){t(555);var n=t(0)(t(292),t(505),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(293),t(473),null,null);s.exports=n.exports},function(s,a,t){t(514);var n=t(0)(t(294),t(453),null,null);s.exports=n.exports},function(s,a,t){t(512);var n=t(0)(t(295),t(451),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(296),t(459),null,null);s.exports=n.exports},function(s,a,t){t(518);var n=t(0)(t(297),t(461),null,null);s.exports=n.exports},function(s,a,t){t(550);var n=t(0)(t(298),t(499),null,null);s.exports=n.exports},function(s,a,t){t(517);var n=t(0)(t(299),t(460),null,null);s.exports=n.exports},function(s,a,t){t(524);var n=t(0)(t(300),t(468),null,null);s.exports=n.exports},function(s,a,t){t(507);var n=t(0)(t(301),t(446),null,null);s.exports=n.exports},function(s,a,t){t(508);var n=t(0)(t(302),t(447),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(303),t(457),null,null);s.exports=n.exports},function(s,a,t){t(521);var n=t(0)(t(304),t(465),null,null);s.exports=n.exports},function(s,a,t){t(551);var n=t(0)(t(305),t(500),null,null);s.exports=n.exports},function(s,a,t){t(542);var n=t(0)(t(306),t(491),null,null);s.exports=n.exports},function(s,a,t){t(516);var n=t(0)(t(307),t(456),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(308),t(472),null,null);s.exports=n.exports},function(s,a,t){t(549);var n=t(0)(t(309),t(498),null,null);s.exports=n.exports},function(s,a,t){t(546);var n=t(0)(t(310),t(494),null,null);s.exports=n.exports},function(s,a,t){t(529);var n=t(0)(t(311),t(479),null,null);s.exports=n.exports},function(s,a,t){t(536),t(537);var n=t(0)(t(312),t(486),null,null);s.exports=n.exports},function(s,a,t){t(538);var n=t(0)(t(313),t(487),null,null);s.exports=n.exports},function(s,a,t){t(531);var n=t(0)(t(314),t(481),null,null);s.exports=n.exports},function(s,a,t){t(519);var n=t(0)(t(315),t(463),null,null);s.exports=n.exports},function(s,a,t){t(547);var n=t(0)(t(316),t(495),null,null);s.exports=n.exports},function(s,a,t){t(534);var n=t(0)(t(317),t(484),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(504),null,null);s.exports=n.exports},function(s,a,t){t(523);var n=t(0)(null,t(467),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(474),null,null);s.exports=n.exports},function(s,a,t){t(528);var n=t(0)(t(318),t(476),null,null);s.exports=n.exports},function(s,a,t){t(539);var n=t(0)(t(319),t(488),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(320),t(462),null,null);s.exports=n.exports},function(s,a,t){t(533);var n=t(0)(t(321),t(483),null,null);s.exports=n.exports},function(s,a,t){t(520);var n=t(0)(t(322),t(464),null,null);s.exports=n.exports},function(s,a,t){t(522);var n=t(0)(null,t(466),null,null);s.exports=n.exports},function(s,a,t){t(511);var n=t(0)(t(323),t(450),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(471),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(496),null,null);s.exports=n.exports},function(s,a,t){t(540);var n=t(0)(null,t(489),null,null);s.exports=n.exports},function(s,a,t){t(548);var n=t(0)(null,t(497),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(324),t(454),null,null);s.exports=n.exports},function(s,a,t){t(552);var n=t(0)(t(325),t(501),null,null);s.exports=n.exports},function(s,a,t){t(530);var n=t(0)(null,t(480),null,null);s.exports=n.exports},function(s,a,t){t(554);var n=t(0)(t(326),t(503),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(506),null,null);s.exports=n.exports},function(s,a,t){t(543);var n=t(0)(t(327),t(492),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(328),t(458),null,null);s.exports=n.exports},function(s,a,t){t(532);var n=t(0)(t(329),t(482),null,null);s.exports=n.exports},function(s,a,t){t(527);var n=t(0)(null,t(475),null,null);s.exports=n.exports},function(s,a,t){t(510);var n=t(0)(t(330),t(449),null,null);s.exports=n.exports},function(s,a,t){t(544),t(545);var n=t(0)(t(331),t(493),null,null);s.exports=n.exports},function(s,a,t){t(541);var n=t(0)(null,t(490),null,null);s.exports=n.exports},function(s,a,t){t(526);var n=t(0)(t(332),t(470),null,null);s.exports=n.exports},function(s,a,t){t(535);var n=t(0)(t(333),t(485),null,null);s.exports=n.exports},function(s,a,t){t(513);var n=t(0)(t(334),t(452),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("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("@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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("loading状态")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用状态")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])])])])}]}},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\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(" { ImagePreview } "),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 handleImagePreview() {\n ImagePreview([\n "),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(",\n "),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("\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")])])])])],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",[t("code",[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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",required:""}})],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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[s._v("Boolean")])]),s._v(" "),t("td",[t("code",[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,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",[t("code",[s._v("input")]),s._v("的"),t("code",[s._v("placeholder")]),s._v("文案")]),s._v(" "),t("td",[t("code",[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-datetime-picker"},[t("h1",{staticClass:"demo-title"},[s._v("datetime-picker")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-datetime-picker",{attrs:{type:"time","min-hour":s.minHour,"max-hour":s.maxHour,"min-date":s.minDate},on:{change:s.handlePickerChange}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-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"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-dialog"},[t("h1",{staticClass:"demo-title"},[s._v("dialog")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-datetime-picker",{attrs:{type:"time","min-hour":s.minHour,"max-hour":s.maxHour,"min-date":s.minDate},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-datetime-picker")]),s._v(" \n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"time"')]),s._v(" \n "),t("span",{staticClass:"hljs-attr"},[s._v(":min-hour")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"minHour"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v(":max-hour")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"maxHour"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v(":min-date")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"minDate"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(">")]),s._v(" \n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-datetime-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\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("minHour")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("maxHour")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("minDate")]),s._v(": "),t("span",{staticClass:"hljs-keyword"},[s._v("new")]),s._v(" "),t("span",{staticClass:"hljs-built_in"},[s._v("Date")]),s._v("()\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(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"picker-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#picker-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Picker组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("visibileColumnCount")]),s._v(" "),t("td",[s._v("每一列可见备选元素的个数")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("5")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("itemHeight")]),s._v(" "),t("td",[s._v("选中元素区高度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("44")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("columns")]),s._v(" "),t("td",[s._v("对象数组，配置每一列显示的数据")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("showToolbar")]),s._v(" "),t("td",[s._v("是否在组件顶部显示一个toolbar")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"columns"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#columns","aria-hidden":"true"}},[s._v("¶")]),s._v(" columns")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("values")]),s._v(" "),t("td",[s._v("列中对应的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("defaultIndex")]),s._v(" "),t("td",[s._v("初始选中值的索引，默认为0")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在"),t("code",[s._v("change")]),s._v("事件中，可以获取到"),t("code",[s._v("picker")]),s._v("实例，对"),t("code",[s._v("picker")]),s._v("进行相应的更新等操作：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("函数")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("getColumnValue(index)")]),s._v(" "),t("td",[s._v("获取对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValue(index, value)")]),s._v(" "),t("td",[s._v("设置对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("getColumnValues(index)")]),s._v(" "),t("td",[s._v("获取对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValues(index, values)")]),s._v(" "),t("td",[s._v("设置对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("getValues()")]),s._v(" "),t("td",[s._v("获取所有列中被选中的值，返回一个数组")])]),s._v(" "),t("tr",[t("td",[s._v("setValues(values)")]),s._v(" "),t("td",[t("code",[s._v("values")]),s._v("为一个数组，设置所有列中被选中的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-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:"photograph"}})],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(" "),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:"请输入用户名",required:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码",required:""}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍",required:""}})],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-attr"},[s._v("required")]),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-attr"},[s._v("required")]),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-attr"},[s._v("required")]),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),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{label:"留言：",type:"textarea",placeholder:"请输入留言",rows:"1",autosize:""}})],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('"textarea"')]),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("rows")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("autosize")]),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(14),s._v(" "),s._m(15)],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:"autosize-de-shu-ru-kuang-jin-zhi-chi-textarea"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#autosize-de-shu-ru-kuang-jin-zhi-chi-textarea","aria-hidden":"true"}},[s._v("¶")]),s._v(" Autosize的输入框(仅支持textarea)")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("autosize")]),s._v("属性, 且将"),t("code",[s._v("rows")]),s._v("设为1。")])},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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("text")])]),s._v(" "),t("td",[t("code",[s._v("text")]),s._v(", "),t("code",[s._v("number")]),s._v(", "),t("code",[s._v("email")]),s._v(", "),t("code",[s._v("url")]),s._v(", "),t("code",[s._v("tel")]),s._v(", "),t("code",[s._v("date")]),s._v(", "),t("code",[s._v("datetime")]),s._v(", "),t("code",[s._v("password")]),s._v(", "),t("code",[s._v("textarea")])])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框placeholder")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("输入框的值")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("输入框标签")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用输入框")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("rows")]),s._v(" "),t("td",[s._v("textarea rows")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("cols")]),s._v(" "),t("td",[s._v("textarea cols")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("autosize")]),s._v(" "),t("td",[s._v("自动调整高度(仅支持textarea)")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])])])])}]}},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("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"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],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"),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('"success"')]),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('"fail"')]),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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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(" "),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:{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(3),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(4),s._v(" "),s._m(5),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(6),s._v(" "),s._m(7),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(8),s._v(" "),s._m(9),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(10),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(11),s._v(" "),s._m(12)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"button-an-niu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-an-niu","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("p",[s._v("只接受"),t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("default")]),s._v(", "),t("code",[s._v("danger")]),s._v("三种类型，默认"),t("code",[s._v("default")]),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("p",[s._v("只接受"),t("code",[s._v("large")]),s._v(", "),t("code",[s._v("normal")]),s._v(", "),t("code",[s._v("small")]),s._v(", "),t("code",[s._v("mini")]),s._v("四种尺寸，默认"),t("code",[s._v("normal")]),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("p",[s._v("按钮默认是"),t("code",[s._v("button")]),s._v("标签，可以使用"),t("code",[s._v("tag")]),s._v("属性修改为一个"),t("code",[s._v("a")]),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("p",[s._v("表示"),t("code",[s._v("loading")]),s._v("状态")])},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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("default")])]),s._v(" "),t("td",[t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("danger")])])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("按钮尺寸")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("normal")])]),s._v(" "),t("td",[t("code",[s._v("large")]),s._v(", "),t("code",[s._v("small")]),s._v(", "),t("code",[s._v("mini")])])]),s._v(" "),t("tr",[t("td",[s._v("tag")]),s._v(" "),t("td",[s._v("按钮标签")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("button")])]),s._v(" "),t("td",[t("code",[s._v("a")]),s._v(", "),t("code",[s._v("span")]),s._v(", ...")])]),s._v(" "),t("tr",[t("td",[s._v("diabled")]),s._v(" "),t("td",[s._v("按钮是否禁用")]),s._v(" "),t("td",[t("code",[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",[t("code",[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(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:s.showForbidClickToast}},[s._v("背景不能点击")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],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"),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('"showLoadingToast"')]),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('"showSuccessToast"')]),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('"showFailToast"')]),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('"showForbidClickToast"')]),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('"showCustomizedToast(5000)"')]),s._v(">")]),s._v("倒数5秒"),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 showLoadingToast() {\n Toast.loading();\n },\n showSuccessToast() {\n Toast.success("),t("span",{staticClass:"hljs-string"},[s._v("'成功文案'")]),s._v(");\n },\n showFailToast() {\n Toast.fail("),t("span",{staticClass:"hljs-string"},[s._v("'失败文案'")]),s._v(");\n },\n showForbidClickToast() {\n Toast({\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'背景不能点击'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("forbidClick")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v("\n })\n },\n showCustomizedToast(duration) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" leftSec = duration / "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" toast = Toast({\n "),t("span",{staticClass:"hljs-attr"},[s._v("duration")]),s._v(": duration + "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'success'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": leftSec.toString()\n });\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".setInterval("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (leftSec <= "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(") {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".clearInterval();\n toast.message = "),t("span",{staticClass:"hljs-string"},[s._v("'跳转中...'")]),s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n }\n toast.message = (--leftSec).toString();\n }, "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),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-button",{on:{click:s.showToast}},[s._v("打开")]),s._v(" "),t("zan-button",{on:{click:s.closeToast}},[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('"showToast"')]),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('"closeToast"')]),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 showToast() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".toast = Toast("),t("span",{staticClass:"hljs-string"},[s._v("'我是提示文案，建议不超过十五字~'")]),s._v(");\n },\n closeToast() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".toast.clear();\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-button",{on:{click:s.showHtmlToast}},[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('"showHtmlToast"')]),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 showHtmlToast() {\n Toast({\n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'html'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'<em>HTML<em>'")]),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(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),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),t("p",[s._v("关闭toast。")])],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:"shou-dong-guan-bi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#shou-dong-guan-bi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 手动关闭")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"chuan-ru-html"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#chuan-ru-html","aria-hidden":"true"}},[s._v("¶")]),s._v(" 传入html")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa-2","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"toast-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast-options","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast(options)")])},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', 'fail', 'html'")])]),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("-")])]),s._v(" "),t("tr",[t("td",[s._v("forbidClick")]),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("duration")]),s._v(" "),t("td",[s._v("时长(ms)")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("3000ms")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"kuai-su-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kuai-su-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:"toast-message-toast-message-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast-message-toast-message-options","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast(message) || Toast(message, options)")])},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("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("-")])]),s._v(" "),t("tr",[t("td",[s._v("forbidClick")]),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("duration")]),s._v(" "),t("td",[s._v("时长(ms)")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("3000ms")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"toast-loading-toast-loading-message-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast-loading-toast-loading-message-options","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast.loading() || Toast.loading(message, options)")])},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("forbidClick")]),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("duration")]),s._v(" "),t("td",[s._v("时长(ms)")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("3000ms")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"toast-success-message-toast-success-message-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast-success-message-toast-success-message-options","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast.success(message) || Toast.success(message, options)")])},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("forbidClick")]),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("duration")]),s._v(" "),t("td",[s._v("时长(ms)")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("3000ms")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"toast-fail-message-toast-fail-message-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#toast-fail-message-toast-fail-message-options","aria-hidden":"true"}},[s._v("¶")]),s._v(" Toast.fail(message) || Toast.fail(message, options)")])},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("forbidClick")]),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("duration")]),s._v(" "),t("td",[s._v("时长(ms)")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("3000ms")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"instanceoftoast-clear"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#instanceoftoast-clear","aria-hidden":"true"}},[s._v("¶")]),s._v(" instanceOfToast.clear()")])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 安装")]),s._v(" "),t("h3",{attrs:{id:"ynpm-an-zhuang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ynpm-an-zhuang","aria-hidden":"true"}},[s._v("¶")]),s._v(" ynpm安装")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-shell"},[s._v("npm i @youzan/zanui-vue -S\n")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-search"},[t("h1",{staticClass:"demo-title"},[s._v("search")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-search",{attrs:{placeholder:"商品名称"},on:{search:s.goSearch}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-card"},[t("h1",{staticClass:"demo-title"},[s._v("card")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-card",{attrs:{title:"商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余",desc:"描述",thumb:"https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg"}})],1),t("example-block",{attrs:{title:"高级用法"}},[t("zan-card",{attrs:{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("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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("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-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("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",required:""}})],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("required")]),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:"单元格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(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:"起码运动馆",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(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:{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(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-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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"cell"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cell","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:"dai-hao-biao-ming-bi-tian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-hao-biao-ming-bi-tian","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("required")]),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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("左侧标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("右侧内容")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("isLink")]),s._v(" "),t("td",[s._v("是否为链接，链接会在右侧出现箭头")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("描述信息，显示在标题下方")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("自定义显示内容")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("自定义"),t("code",[s._v("icon")])])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义"),t("code",[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:"progress"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#progress","aria-hidden":"true"}},[s._v("¶")]),s._v(" Progress")])},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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("percentage")]),s._v(" "),t("td",[s._v("进度百分比")]),s._v(" "),t("td",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("0-100")])])]),s._v(" "),t("tr",[t("td",[s._v("pivotText")]),s._v(" "),t("td",[s._v("文字显示")]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:s.showForbidClickToast}},[s._v("背景不能点击")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],1),t("example-block",{attrs:{title:"手动关闭"}},[t("zan-button",{on:{click:s.showToast}},[s._v("打开")]),s._v(" "),t("zan-button",{on:{click:s.closeToast}},[s._v("关闭")])],1),t("example-block",{attrs:{title:"手动关闭"}},[t("zan-button",{on:{click:s.showHtmlToast}},[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",[t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("当前步骤的icon")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("iconClass")]),s._v(" "),t("td",[s._v("当前步骤栏为icon添加的类")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("当前步骤从标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("description")]),s._v(" "),t("td",[s._v("当前步骤描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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:"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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),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",[t("code",[s._v("Array")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[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",[t("code",[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("点击遮罩是否关闭"),t("code",[s._v("ActionSheet")])]),s._v(" "),t("td",[t("code",[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("是否是"),t("code",[s._v("loading")]),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:"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:"photograph"}})],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('"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-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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("dataUrl")])]),s._v(" "),t("td",[t("code",[s._v("dataUrl")]),s._v(", "),t("code",[s._v("text")])])]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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")])])])]),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:"loading-jia-zai-zhong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading-jia-zai-zhong","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(){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("color")]),s._v(" "),t("td",[t("code",[s._v("loading")]),s._v("颜色")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("black")])]),s._v(" "),t("td",[t("code",[s._v("black")]),s._v(", "),t("code",[s._v("white")])])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[t("code",[s._v("loading")]),s._v("类型")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("gradient-circle")])]),s._v(" "),t("td",[t("code",[s._v("gradient-circle")]),s._v(", "),t("code",[s._v("circle")])])])])])}]}},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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("是否是标记")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("tag类型")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("success")]),s._v(", "),t("code",[s._v("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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("line")])]),s._v(" "),t("td",[t("code",[s._v("line")]),s._v(", "),t("code",[s._v("card")])])]),s._v(" "),t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("默认激活的tab")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("0")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("navclass")]),s._v(" "),t("td",[s._v("tabs的内部nav上的自定义classname")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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:"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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用这个tab")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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")},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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("状态")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("自定义内容")])]),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:"请输入用户名",required:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码",required:""}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍",required:""}})],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),t("example-block",{attrs:{title:"错误的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{label:"留言：",type:"textarea",placeholder:"请输入留言",rows:"1",autosize:""}})],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",[t("code",[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("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",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("最大值")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("step")]),s._v(" "),t("td",[s._v("步数")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否被禁用了")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("defaultValue")]),s._v(" "),t("td",[s._v("默认值")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box"},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-badge-group",{attrs:{"active-key":"2"}},[t("zan-badge",{attrs:{mark:"0",title:"热销榜",info:"8",url:"http://baidu.com"}}),s._v(" "),t("zan-badge",{attrs:{mark:"1",title:"花式寿司",info:"99"}}),s._v(" "),t("zan-badge",{attrs:{mark:"2",title:"火炽寿司"}}),s._v(" "),t("zan-badge",{attrs:{mark:"3",title:"手握寿司",info:"199"}})],1)],1),s._v(" "),t("div",{staticClass:"highlight",slot:"highlight"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("active-key")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"热销榜"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"8"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("url")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"http://baidu.com"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{
staticClass:"hljs-string"},[s._v('"花式寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"2"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"火炽寿司"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("mark")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"3"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"手握寿司"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("info")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"199"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-badge-group")]),s._v(">")]),s._v("\n")])])])]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"badge"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#badge","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("激活的"),t("code",[s._v("badge")]),s._v("的索引")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("0")]),s._v("但必须子badge里的mark是有"),t("code",[s._v("0")]),s._v("位索引")]),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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("required")])])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("badge的文案标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("required")])])]),s._v(" "),t("tr",[t("td",[s._v("info")]),s._v(" "),t("td",[s._v("当前badge的提示消息数量")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[s._v("全连接直接跳转或者hash")]),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-button"},[t("h1",{staticClass:"demo-title"},[s._v("button")]),t("example-block",{attrs:{title:"按钮功能"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{block:""}},[s._v("default")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("primary")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"danger",block:""}},[s._v("danger")])],1)],1)],1),t("example-block",{attrs:{title:"禁用状态"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{disabled:"",block:""}},[s._v("diabled")])],1)],1)],1),t("example-block",{attrs:{title:"按钮尺寸"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{size:"large"}},[s._v("large")])],1)],1),s._v(" "),t("zan-row",{attrs:{gutter:"10"}},[t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{type:"primary",block:""}},[s._v("normal")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"small",block:""}},[s._v("small")])],1),s._v(" "),t("zan-col",{attrs:{span:"8"}},[t("zan-button",{attrs:{size:"mini",block:""}},[s._v("mini")])],1)],1)],1),t("example-block",{attrs:{title:"自定义按钮标签"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{tag:"a",type:"primary",href:"https://www.youzan.com",target:"_blank"}},[s._v("a标签按钮")])],1)],1)],1),t("example-block",{attrs:{title:"loading按钮"}},[t("zan-row",[t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{type:"primary",loading:"",block:""}},[s._v("loading")])],1),s._v(" "),t("zan-col",{attrs:{span:"24"}},[t("zan-button",{attrs:{loading:"",block:""}})],1)],1)],1),t("example-block",{attrs:{title:"button group"}},[t("div",{staticClass:"button-group"},[t("zan-button",{attrs:{type:"primary",size:"small"}},[s._v("确认付款")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("确认收货")]),s._v(" "),t("zan-button",{attrs:{size:"small"}},[s._v("取消订单")])],1)])],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c||a;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"kuai-su-shang-shou"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#kuai-su-shang-shou","aria-hidden":"true"}},[s._v("¶")]),s._v(" 快速上手")]),s._v(" "),t("h3",{attrs:{id:"wan-zheng-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#wan-zheng-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 完整引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" ZanUI "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/index.css'")]),s._v(";\n\nVue.use(ZanUI);\n")])]),s._v(" "),t("h3",{attrs:{id:"an-xu-yin-ru"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#an-xu-yin-ru","aria-hidden":"true"}},[s._v("¶")]),s._v(" 按需引入")]),s._v(" "),t("pre",[t("code",{staticClass:"hljs language-javascript"},[t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" Vue "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" { Button, Cell } "),t("span",{staticClass:"hljs-keyword"},[s._v("from")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/button.css'")]),s._v(";\n"),t("span",{staticClass:"hljs-keyword"},[s._v("import")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("'@youzan/zanui-vue/lib/zanui-css/cell.css'")]),s._v(";\n\nVue.component(Button.name, Button);\nVue.component(Cell.name, Cell);\n")])])])}]}},function(s,a,t){var n=t(338);"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(339);"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(341);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c100ea26",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)("3ba897e2",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)("a0c935b8",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)("28e0b5b7",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)("befa047e",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)("563c9986",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)("08f0509a",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)("0471d6ad",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)("42d50ea0",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)("e239d9c8",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)("d08eb6dc",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)("dc8a21b6",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)("6c250950",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)("b1d0eda8",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)("10ee7c93",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)("3c56dc00",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)("0817314f",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)("aec750f8",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)("61a09935",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)("71d4cbfe",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)("ba18c812",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)("6aad1ea0",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)("0f980b3c",n,!0)},function(s,a,t){var n=t(365);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4ff18ad0",n,!0)},function(s,a,t){var n=t(366);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("c8fc7d88",n,!0)},function(s,a,t){var n=t(367);"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(368);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("05583ca2",n,!0)},function(s,a,t){var n=t(369);"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(370);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("7d0f7a08",n,!0)},function(s,a,t){var n=t(371);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6d53d9ee",n,!0)},function(s,a,t){var n=t(372);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5a27fdfc",n,!0)},function(s,a,t){var n=t(373);"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(374);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("e150c3d2",n,!0)},function(s,a,t){var n=t(375);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("b5ea969a",n,!0)},function(s,a,t){var n=t(376);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("0233c218",n,!0)},function(s,a,t){var n=t(377);"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(378);"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(379);"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(380);"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(381);"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(382);"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(383);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("90b906da",n,!0)},function(s,a,t){var n=t(384);"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(385);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("74bbedec",n,!0)},function(s,a,t){var n=t(386);"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(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)},function(s,a,t){s.exports=t(421)},function(s,a,t){s.exports=t(422)},function(s,a,t){s.exports=t(423)},function(s,a,t){s.exports=t(424)},function(s,a,t){s.exports=t(425)},function(s,a,t){s.exports=t(426)},function(s,a,t){s.exports=t(427)},function(s,a,t){s.exports=t(428)},function(s,a,t){s.exports=t(429)},function(s,a,t){s.exports=t(430)},function(s,a,t){s.exports=t(431)},function(s,a,t){s.exports=t(432)},function(s,a,t){s.exports=t(433)},function(s,a,t){s.exports=t(434)},function(s,a,t){s.exports=t(435)},function(s,a,t){s.exports=t(436)},function(s,a,t){s.exports=t(437)},function(s,a,t){s.exports=t(438)},function(s,a,t){s.exports=t(439)},function(s,a,t){s.exports=t(440)},function(s,a,t){s.exports=t(441)},function(s,a,t){s.exports=t(442)},function(s,a,t){s.exports=t(443)},function(s,a,t){s.exports=t(444)},function(s,a,t){s.exports=t(445)}]));
=======
webpackJsonp([0],Array(256).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":389,"./examples-dist/badge.vue":390,"./examples-dist/button.vue":391,"./examples-dist/card.vue":392,"./examples-dist/cell.vue":393,"./examples-dist/checkbox.vue":394,"./examples-dist/datetime-picker.vue":395,"./examples-dist/dialog.vue":396,"./examples-dist/field.vue":397,"./examples-dist/icon.vue":398,"./examples-dist/image-preview.vue":399,"./examples-dist/loading.vue":400,"./examples-dist/panel.vue":401,"./examples-dist/picker.vue":402,"./examples-dist/popup.vue":403,"./examples-dist/progress.vue":404,"./examples-dist/quantity.vue":405,"./examples-dist/radio.vue":406,"./examples-dist/search.vue":407,"./examples-dist/steps.vue":408,"./examples-dist/swipe.vue":409,"./examples-dist/switch.vue":410,"./examples-dist/tab.vue":411,"./examples-dist/tag.vue":412,"./examples-dist/toast.vue":413,"./examples-dist/uploader.vue":414,"./examples-dist/waterfall.vue":415};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=256},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":556,"./examples-docs/badge.md":557,"./examples-docs/button.md":558,"./examples-docs/card.md":559,"./examples-docs/cell.md":560,"./examples-docs/checkbox.md":561,"./examples-docs/datetime-picker.md":562,"./examples-docs/dialog.md":563,"./examples-docs/field.md":564,"./examples-docs/icon.md":565,"./examples-docs/image-preview.md":566,"./examples-docs/install.md":567,"./examples-docs/layout.md":568,"./examples-docs/loading.md":569,"./examples-docs/panel.md":570,"./examples-docs/picker.md":571,"./examples-docs/popup.md":572,"./examples-docs/progress.md":573,"./examples-docs/quantity.md":574,"./examples-docs/quickstart.md":575,"./examples-docs/radio.md":576,"./examples-docs/search.md":577,"./examples-docs/steps.md":578,"./examples-docs/swipe.md":579,"./examples-docs/switch.md":580,"./examples-docs/tab.md":581,"./examples-docs/tag.md":582,"./examples-docs/toast.md":583,"./examples-docs/uploader.md":584,"./examples-docs/waterfall.md":585};n.keys=function(){return Object.keys(e)},n.resolve=l,s.exports=n,n.id=257},,,,,,,,,,,,,,,,,,,,,,,,,,function(s,a,t){var n=t(0)(t(287),t(477),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(388),e=n(l);a.default={components:{MobilePopup:e.default},computed:{mobileUrl:function(){return"/examples.html#"+location.pathname}},data:function(){return{mobileShow:!1}}}},function(s,a,t){s.exports={default:t(335),__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(283),v=n(i),_=t(284),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(283),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(283),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(283),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(283),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(283),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(283),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{minHour:10,maxHour:20,minDate:new Date}},methods:{handlePickerChange:function(s,a){console.log(a)},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(283),v=n(i),_=t(32),c=t(284),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(283),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(283),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(283),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"])}}}},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(283),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(283),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(285),e=n(l),i=t(2),v=n(i),_=t(283),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(283),v=n(i),_=t(284),c=n(_),r=t(56),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(283),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(283),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(283),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(283),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(283),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(283),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(283),v=n(i);e.default.component("example-block",v.default),a.default={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=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(283),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(283),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(283),v=n(i),_=t(32);e.default.component("example-block",v.default),a.default={methods:{showSimpleToast:function(){(0,_.Toast)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){_.Toast.loading()},showSuccessToast:function(){_.Toast.success("成功文案")},showFailToast:function(){_.Toast.fail("失败文案")},showCustomizedToast:function(s){var a=s/1e3,t=(0,_.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){if(a<=1)return window.clearInterval(),void(t.message="跳转中...");t.message=(--a).toString()},1e3)}}}},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(283),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(283),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(284),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";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{minHour:10,maxHour:20,minDate:new Date}},methods:{handlePickerChange:function(s,a){console.log(a)},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(32),e=t(284),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"])}}}},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(285),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(284),e=n(l),i=t(56),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={data:function(){return{switchState:!0}},computed:{switchStateText:function(){return this.switchState?" ON":"OFF"}},methods:{updateState:function(s){this.switchState=s}}}},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)("我是提示文案，建议不超过十五字~")},showLoadingToast:function(){n.Toast.loading()},showSuccessToast:function(){n.Toast.success("成功文案")},showFailToast:function(){n.Toast.fail("失败文案")},showCustomizedToast:function(s){var a=s/1e3,t=(0,n.Toast)({duration:s+1e3,type:"success",message:a.toString()});window.setInterval(function(){if(a<=1)return window.clearInterval(),void(t.message="跳转中...");t.message=(--a).toString()},1e3)}}}},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(337),s.exports=t(4).Object.keys},function(s,a,t){var n=t(8),l=t(4),e=t(20);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(336)("keys",function(){return function(s){return l(n(s))}})},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),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(11)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px;width:56px;text-align:center}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".demo-icon .zan-icon{margin:10px;font-size:45px;width:56px;text-align:center}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(11)(),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%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-image-preview .zan-button{margin-left:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},,function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".official-img{width:31px;vertical-align:middle;border:0}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-toast .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-dialog .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".uploader-container{padding:5px 15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),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(11)(),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(11)(),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(11)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),a.push([s.i,".demo-tab .zan-tabs-pane{background-color:#fff;padding:20px}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".waterfall{max-height:300px;overflow:scroll}",""])},function(s,a,t){a=s.exports=t(11)(),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(11)(),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(11)(),a.push([s.i,".demo-field .zan-field-wrapper{padding:0 10px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-progress__wrapper{padding:5px;margin:20px 10px}",""])},function(s,a,t){a=s.exports=t(11)(),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%;box-sizing:border-box;padding:20px;border-radius:5px;text-align:center}.demo-popup .zan-button{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".mobile-popup{width:375px;height:650px;background:url(https://b.yzcdn.cn/v2/image/wap/zanui-mobile-container.png) no-repeat}.mobile-popup-iframe{width:100%;box-sizing:border-box;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;top:64px;height:586px}",""])},function(s,a,t){a=s.exports=t(11)(),a.push([s.i,".demo-quantity .curr-quantity,.demo-quantity .zan-quantity{margin:15px}",""])},function(s,a,t){a=s.exports=t(11)(),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(553);var n=t(0)(t(289),t(502),null,null);s.exports=n.exports},function(s,a,t){t(516);var n=t(0)(t(290),t(456),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(291),t(478),null,null);s.exports=n.exports},function(s,a,t){t(555);var n=t(0)(t(292),t(505),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(293),t(473),null,null);s.exports=n.exports},function(s,a,t){t(515);var n=t(0)(t(294),t(454),null,null);s.exports=n.exports},function(s,a,t){t(513);var n=t(0)(t(295),t(452),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(296),t(460),null,null);s.exports=n.exports},function(s,a,t){t(519);var n=t(0)(t(297),t(462),null,null);s.exports=n.exports},function(s,a,t){t(550);var n=t(0)(t(298),t(499),null,null);s.exports=n.exports},function(s,a,t){t(518);var n=t(0)(t(299),t(461),null,null);s.exports=n.exports},function(s,a,t){t(523);var n=t(0)(t(300),t(467),null,null);s.exports=n.exports},function(s,a,t){t(507);var n=t(0)(t(301),t(446),null,null);s.exports=n.exports},function(s,a,t){t(508);var n=t(0)(t(302),t(447),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(303),t(458),null,null);s.exports=n.exports},function(s,a,t){t(521);var n=t(0)(t(304),t(465),null,null);s.exports=n.exports},function(s,a,t){t(551);var n=t(0)(t(305),t(500),null,null);s.exports=n.exports},function(s,a,t){t(542);var n=t(0)(t(306),t(491),null,null);s.exports=n.exports},function(s,a,t){t(517);var n=t(0)(t(307),t(457),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(308),t(472),null,null);s.exports=n.exports},function(s,a,t){t(549);var n=t(0)(t(309),t(498),null,null);s.exports=n.exports},function(s,a,t){t(546);var n=t(0)(t(310),t(494),null,null);s.exports=n.exports},function(s,a,t){t(529);var n=t(0)(t(311),t(479),null,null);s.exports=n.exports},function(s,a,t){t(536),t(537);var n=t(0)(t(312),t(486),null,null);s.exports=n.exports},function(s,a,t){t(538);var n=t(0)(t(313),t(487),null,null);s.exports=n.exports},function(s,a,t){t(531);var n=t(0)(t(314),t(481),null,null);s.exports=n.exports},function(s,a,t){t(520);var n=t(0)(t(315),t(464),null,null);s.exports=n.exports},function(s,a,t){t(547);var n=t(0)(t(316),t(495),null,null);s.exports=n.exports},function(s,a,t){t(534);var n=t(0)(t(317),t(484),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(504),null,null);s.exports=n.exports},function(s,a,t){t(522);var n=t(0)(null,t(466),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(475),null,null);s.exports=n.exports},function(s,a,t){t(528);var n=t(0)(t(318),t(476),null,null);s.exports=n.exports},function(s,a,t){t(539);var n=t(0)(t(319),t(488),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(320),t(463),null,null);s.exports=n.exports},function(s,a,t){t(533);var n=t(0)(t(321),t(483),null,null);s.exports=n.exports},function(s,a,t){t(524);var n=t(0)(t(322),t(468),null,null);s.exports=n.exports},function(s,a,t){t(511);var n=t(0)(null,t(450),null,null);s.exports=n.exports},function(s,a,t){t(512);var n=t(0)(t(323),t(451),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(470),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(496),null,null);s.exports=n.exports},function(s,a,t){t(540);var n=t(0)(null,t(489),null,null);s.exports=n.exports},function(s,a,t){t(548);var n=t(0)(null,t(497),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(324),t(455),null,null);s.exports=n.exports},function(s,a,t){t(552);var n=t(0)(t(325),t(501),null,null);s.exports=n.exports},function(s,a,t){t(530);var n=t(0)(null,t(480),null,null);s.exports=n.exports},function(s,a,t){t(554);var n=t(0)(t(326),t(503),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(null,t(506),null,null);s.exports=n.exports},function(s,a,t){t(543);var n=t(0)(t(327),t(492),null,null);s.exports=n.exports},function(s,a,t){var n=t(0)(t(328),t(459),null,null);s.exports=n.exports},function(s,a,t){t(532);var n=t(0)(t(329),t(482),null,null);s.exports=n.exports},function(s,a,t){t(527);var n=t(0)(null,t(474),null,null);s.exports=n.exports},function(s,a,t){t(510);var n=t(0)(t(330),t(449),null,null);s.exports=n.exports},function(s,a,t){t(544),t(545);var n=t(0)(t(331),t(493),null,null);s.exports=n.exports},function(s,a,t){t(541);var n=t(0)(null,t(490),null,null);s.exports=n.exports},function(s,a,t){t(526);var n=t(0)(t(332),t(471),null,null);s.exports=n.exports},function(s,a,t){t(535);var n=t(0)(t(333),t(485),null,null);s.exports=n.exports},function(s,a,t){t(514);var n=t(0)(t(334),t(453),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",attrs:{description:"基础用法"}},[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("@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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("loading")]),s._v(" "),t("td",[s._v("loading状态")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用状态")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])])])])}]}},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",attrs:{description:"所有Icon"}},[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"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],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"),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('"success"')]),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('"fail"')]),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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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",attrs:{description:""}},[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\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(" { ImagePreview } "),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 handleImagePreview() {\n ImagePreview([\n "),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(",\n "),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("\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")])])])])],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",attrs:{description:"基础用法"}},[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",[t("code",[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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",required:""}})],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",attrs:{description:"基础用法"}},[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",attrs:{description:"带toolbar的Picker"}},[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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[s._v("Boolean")])]),s._v(" "),t("td",[t("code",[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,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",attrs:{description:"基础用法"}},[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",[t("code",[s._v("input")]),s._v("的"),t("code",[s._v("placeholder")]),s._v("文案")]),s._v(" "),t("td",[t("code",[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-datetime-picker"},[t("h1",{staticClass:"demo-title"},[s._v("datetime-picker")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-datetime-picker",{attrs:{type:"time","min-hour":s.minHour,"max-hour":s.maxHour,"min-date":s.minDate},on:{change:s.handlePickerChange}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-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"}}),s._v(" "),t("zan-icon",{attrs:{name:"success"}}),s._v(" "),t("zan-icon",{attrs:{name:"fail"}})],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-dialog"},[t("h1",{staticClass:"demo-title"},[s._v("dialog")]),t("example-block",{attrs:{title:"基础用法"}},[t("zan-button",{on:{click:s.handleAlertClick}},[s._v("alert")]),s._v(" "),t("zan-button",{on:{click:s.handleConfirmClick}},[s._v("confirm")])],1)],1)},staticRenderFns:[]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"基础用法"}},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-datetime-picker",{attrs:{type:"time","min-hour":s.minHour,"max-hour":s.maxHour,"min-date":s.minDate},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-datetime-picker")]),s._v(" \n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"time"')]),s._v(" \n "),t("span",{staticClass:"hljs-attr"},[s._v(":min-hour")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"minHour"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v(":max-hour")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"maxHour"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v(":min-date")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"minDate"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"handlePickerChange"')]),s._v(">")]),s._v(" \n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("zan-datetime-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\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("minHour")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("maxHour")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("20")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("minDate")]),s._v(": "),t("span",{staticClass:"hljs-keyword"},[s._v("new")]),s._v(" "),t("span",{staticClass:"hljs-built_in"},[s._v("Date")]),s._v("()\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(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"picker-zu-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#picker-zu-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" Picker组件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("模仿iOS中的"),t("code",[s._v("UIPickerView")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"ji-chu-yong-fa"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-chu-yong-fa","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基础用法")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")]),s._v(" "),t("th",[s._v("可选值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("visibileColumnCount")]),s._v(" "),t("td",[s._v("每一列可见备选元素的个数")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("5")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("itemHeight")]),s._v(" "),t("td",[s._v("选中元素区高度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("44")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("columns")]),s._v(" "),t("td",[s._v("对象数组，配置每一列显示的数据")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("showToolbar")]),s._v(" "),t("td",[s._v("是否在组件顶部显示一个toolbar")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true")]),s._v(" "),t("td")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"columns"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#columns","aria-hidden":"true"}},[s._v("¶")]),s._v(" columns")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",[s._v("API")]),s._v("中的"),t("code",[s._v("columns")]),s._v("为一个对象数组，数组中的每一个对象配置每一列，每一列有以下"),t("code",[s._v("key")]),s._v("：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("key")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("values")]),s._v(" "),t("td",[s._v("列中对应的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("defaultIndex")]),s._v(" "),t("td",[s._v("初始选中值的索引，默认为0")])]),s._v(" "),t("tr",[t("td",[s._v("className")]),s._v(" "),t("td",[s._v("为对应列添加特殊的"),t("code",[s._v("class")])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h3",{attrs:{id:"change-shi-jian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#change-shi-jian","aria-hidden":"true"}},[s._v("¶")]),s._v(" change事件")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在"),t("code",[s._v("change")]),s._v("事件中，可以获取到"),t("code",[s._v("picker")]),s._v("实例，对"),t("code",[s._v("picker")]),s._v("进行相应的更新等操作：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("函数")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("getColumnValue(index)")]),s._v(" "),t("td",[s._v("获取对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValue(index, value)")]),s._v(" "),t("td",[s._v("设置对应列中选中的值")])]),s._v(" "),t("tr",[t("td",[s._v("getColumnValues(index)")]),s._v(" "),t("td",[s._v("获取对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("setColumnValues(index, values)")]),s._v(" "),t("td",[s._v("设置对应列中所有的备选值")])]),s._v(" "),t("tr",[t("td",[s._v("getValues()")]),s._v(" "),t("td",[s._v("获取所有列中被选中的值，返回一个数组")])]),s._v(" "),t("tr",[t("td",[s._v("setValues(values)")]),s._v(" "),t("td",[t("code",[s._v("values")]),s._v("为一个数组，设置所有列中被选中的值")])])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",{staticClass:"demo-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:"photograph"}})],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(" "),s._m(2),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"按钮功能"}},[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(3),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"禁用状态"}},[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(4),s._v(" "),s._m(5),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"按钮尺寸"}},[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(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"自定义按钮标签"}},[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(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"loading按钮"}},[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(10),s._v(" "),t("p",[s._v("一组按钮。")]),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"button group"}},[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(11),s._v(" "),s._m(12)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"button-an-niu"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#button-an-niu","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("p",[s._v("只接受"),t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("default")]),s._v(", "),t("code",[s._v("danger")]),s._v("三种类型，默认"),t("code",[s._v("default")]),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("p",[s._v("只接受"),t("code",[s._v("large")]),s._v(", "),t("code",[s._v("normal")]),s._v(", "),t("code",[s._v("small")]),s._v(", "),t("code",[s._v("mini")]),s._v("四种尺寸，默认"),t("code",[s._v("normal")]),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("p",[s._v("按钮默认是"),t("code",[s._v("button")]),s._v("标签，可以使用"),t("code",[s._v("tag")]),s._v("属性修改为一个"),t("code",[s._v("a")]),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("p",[s._v("表示"),t("code",[s._v("loading")]),s._v("状态")])},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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("default")])]),s._v(" "),t("td",[t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("danger")])])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("按钮尺寸")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("normal")])]),s._v(" "),t("td",[t("code",[s._v("large")]),s._v(", "),t("code",[s._v("small")]),s._v(", "),t("code",[s._v("mini")])])]),s._v(" "),t("tr",[t("td",[s._v("tag")]),s._v(" "),t("td",[s._v("按钮标签")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("button")])]),s._v(" "),t("td",[t("code",[s._v("a")]),s._v(", "),t("code",[s._v("span")]),s._v(", ...")])]),s._v(" "),t("tr",[t("td",[s._v("diabled")]),s._v(" "),t("td",[s._v("按钮是否禁用")]),s._v(" "),t("td",[t("code",[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",[t("code",[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",attrs:{description:"基础用法"}},[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:"请输入用户名",required:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码",required:""}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍",required:""}})],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-attr"},[s._v("required")]),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-attr"},[s._v("required")]),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-attr"},[s._v("required")]),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",attrs:{description:"无label的输入框"}},[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",attrs:{description:"带border的输入框"}},[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",attrs:{description:"禁用的输入框"}},[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",attrs:{description:"错误的输入框"}},[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),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"错误的输入框"}},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-field",{attrs:{label:"留言：",type:"textarea",placeholder:"请输入留言",rows:"1",autosize:""}})],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('"textarea"')]),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("rows")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("autosize")]),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(14),s._v(" "),s._m(15)],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:"autosize-de-shu-ru-kuang-jin-zhi-chi-textarea"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#autosize-de-shu-ru-kuang-jin-zhi-chi-textarea","aria-hidden":"true"}},[s._v("¶")]),s._v(" Autosize的输入框(仅支持textarea)")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("传入"),t("code",[s._v("autosize")]),s._v("属性, 且将"),t("code",[s._v("rows")]),s._v("设为1。")])},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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("text")])]),s._v(" "),t("td",[t("code",[s._v("text")]),s._v(", "),t("code",[s._v("number")]),s._v(", "),t("code",[s._v("email")]),s._v(", "),t("code",[s._v("url")]),s._v(", "),t("code",[s._v("tel")]),s._v(", "),t("code",[s._v("date")]),s._v(", "),t("code",[s._v("datetime")]),s._v(", "),t("code",[s._v("password")]),s._v(", "),t("code",[s._v("textarea")])])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框placeholder")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("输入框的值")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("输入框标签")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否禁用输入框")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("rows")]),s._v(" "),t("td",[s._v("textarea rows")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("cols")]),s._v(" "),t("td",[s._v("textarea cols")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("autosize")]),s._v(" "),t("td",[s._v("自动调整高度(仅支持textarea)")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])])])])}]}},,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",attrs:{description:"基础用法"}},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-button",{on:{click:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],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"),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('"showLoadingToast"')]),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('"showSuccessToast"')]),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('"showFailToast"')]),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('"showCustomizedToast(5000)"')]),s._v(">")]),s._v("倒数5秒"),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 showLoadingToast() {\n Toast.loading();\n },\n showSuccessToast() {\n Toast.success("),t("span",{staticClass:"hljs-string"},[s._v("'成功文案'")]),s._v(");\n },\n showFailToast() {\n Toast.fail("),t("span",{staticClass:"hljs-string"},[s._v("'失败文案'")]),s._v(");\n },\n showCustomizedToast(duration) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" leftSec = duration / "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" toast = Toast({\n "),t("span",{staticClass:"hljs-attr"},[s._v("duration")]),s._v(": duration + "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'success'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("message")]),s._v(": leftSec.toString()\n });\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".setInterval("),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (leftSec <= "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(") {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("window")]),s._v(".clearInterval();\n toast.message = "),t("span",{staticClass:"hljs-string"},[s._v("'跳转中...'")]),s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(";\n }\n toast.message = (--leftSec).toString();\n }, "),t("span",{staticClass:"hljs-number"},[s._v("1000")]),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(" "),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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("text")])]),s._v(" "),t("td",[t("code",[s._v("text")]),s._v(", "),t("code",[s._v("loading")]),s._v(", "),t("code",[s._v("success")]),s._v(", "),t("code",[s._v("failure")])])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),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",attrs:{description:"基础用法"}},[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",attrs:{description:"自动轮播"}},[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",attrs:{description:"基础用法"}},[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",attrs:{description:"高级用法"}},[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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("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",attrs:{description:"基础用法"}},[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",attrs:{description:"带*号，标明必填"}},[t("div",{staticClass:"examples",slot:"examples"},[t("zan-cell-group",[t("zan-cell",{attrs:{title:"单元格1",required:""}})],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("required")]),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",attrs:{description:"标题带描述信息"}},[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(6),s._v(" "),s._m(7),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"带图标"}},[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(8),s._v(" "),s._m(9),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"可点击的链接"}},[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(10),s._v(" "),s._m(11),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"高级用法"}},[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(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15)],1)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("h2",{attrs:{id:"cell"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cell","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:"dai-hao-biao-ming-bi-tian"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-hao-biao-ming-bi-tian","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("required")]),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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("左侧标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("右侧内容")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("isLink")]),s._v(" "),t("td",[s._v("是否为链接，链接会在右侧出现箭头")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("url")]),s._v(" "),t("td",[s._v("跳转链接")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("描述信息，显示在标题下方")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("自定义显示内容")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("自定义"),t("code",[s._v("icon")])])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("自定义"),t("code",[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",attrs:{description:"基础用法"}},[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",attrs:{description:"Inactive"}},[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",attrs:{description:"自定义颜色"}},[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:"progress"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#progress","aria-hidden":"true"}},[s._v("¶")]),s._v(" Progress")])},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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("true")]),s._v(", "),t("code",[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("percentage")]),s._v(" "),t("td",[s._v("进度百分比")]),s._v(" "),t("td",[t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td",[t("code",[s._v("0-100")])])]),s._v(" "),t("tr",[t("td",[s._v("pivotText")]),s._v(" "),t("td",[s._v("文字显示")]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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:s.showSimpleToast}},[s._v("普通文字提示")]),s._v(" "),t("zan-button",{on:{click:s.showLoadingToast}},[s._v("加载Toast")]),s._v(" "),t("zan-button",{on:{click:s.showSuccessToast}},[s._v("成功")]),s._v(" "),t("zan-button",{on:{click:s.showFailToast}},[s._v("失败")]),s._v(" "),t("zan-button",{on:{click:function(a){s.showCustomizedToast(5e3)}}},[s._v("倒数5秒")])],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",attrs:{description:"基础用法"}},[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",attrs:{description:"只显示步骤条"}},[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",[t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("当前步骤的icon")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("iconClass")]),s._v(" "),t("td",[s._v("当前步骤栏为icon添加的类")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("当前步骤从标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("description")]),s._v(" "),t("td",[s._v("当前步骤描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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:"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",attrs:{description:"基础用法"}},[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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("内容")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")])])])}]}},function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[s._m(0),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"基础用法"}},[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",attrs:{description:"带取消按钮的ActionSheet"}},[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",attrs:{description:"带标题的ActionSheet"}},[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",[t("code",[s._v("Array")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[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",[t("code",[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("点击遮罩是否关闭"),t("code",[s._v("ActionSheet")])]),s._v(" "),t("td",[t("code",[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("是否是"),t("code",[s._v("loading")]),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",attrs:{description:"基础用法"}},[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",attrs:{description:"自定义上传图标"}},[t("div",{staticClass:"examples",slot:"examples"},[t("div",{staticClass:"uploader-container"},[t("zan-uploader",{on:{"file-readed":s.logContent}},[t("zan-icon",{attrs:{name:"photograph"}})],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('"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-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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("dataUrl")])]),s._v(" "),t("td",[t("code",[s._v("dataUrl")]),s._v(", "),t("code",[s._v("text")])])]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用上传,在图片上传期间设置为true，禁止用户点击此组件上传图片")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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",[t("code",[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",attrs:{description:"基础用法"}},[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",attrs:{description:"禁用状态"}},[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",attrs:{description:"Checkbox组"}},[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",attrs:{description:"禁用Checkbox组"}},[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",attrs:{description:"与Cell组件一起使用"}},[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",attrs:{description:"基础用法"}},[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")])])])]),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:"loading-jia-zai-zhong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#loading-jia-zai-zhong","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(){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("color")]),s._v(" "),t("td",[t("code",[s._v("loading")]),s._v("颜色")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("black")])]),s._v(" "),t("td",[t("code",[s._v("black")]),s._v(", "),t("code",[s._v("white")])])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[t("code",[s._v("loading")]),s._v("类型")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("gradient-circle")])]),s._v(" "),t("td",[t("code",[s._v("gradient-circle")]),s._v(", "),t("code",[s._v("circle")])])])])])}]}},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",attrs:{description:"基础用法"}},[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",attrs:{description:"高级用法"}},[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("mark")]),s._v(" "),t("td",[s._v("是否是标记")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("tag类型")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("primary")]),s._v(", "),t("code",[s._v("success")]),s._v(", "),t("code",[s._v("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",attrs:{description:"基础用法"}},[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",attrs:{description:"禁用状态"}},[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",attrs:{description:"radio组"}},[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",attrs:{description:"与Cell组件一起使用"}},[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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",attrs:{description:"基础用法"}},[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",attrs:{description:"禁用用法"}},[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",attrs:{description:"card样式用法"}},[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",attrs:{description:"自定义样式用法"}},[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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("line")])]),s._v(" "),t("td",[t("code",[s._v("line")]),s._v(", "),t("code",[s._v("card")])])]),s._v(" "),t("tr",[t("td",[s._v("active")]),s._v(" "),t("td",[s._v("默认激活的tab")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("0")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("navclass")]),s._v(" "),t("td",[s._v("tabs的内部nav上的自定义classname")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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:"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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disable")]),s._v(" "),t("td",[s._v("是否禁用这个tab")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[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;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",[s._m(0),s._v(" "),t("p",[s._v("面板只是一个容器，里面可以放入自定义的内容。")]),s._v(" "),s._m(1),s._v(" "),t("demo-block",{staticClass:"demo-box",attrs:{description:"基础用法"}},[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",attrs:{description:"高级用法"}},[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",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("desc")]),s._v(" "),t("td",[s._v("描述")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("状态")]),s._v(" "),t("td",[t("code",[s._v("string")])]),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("自定义内容")])]),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:"请输入用户名",required:""},domProps:{value:s.username},on:{input:function(a){s.username=a}}}),s._v(" "),t("zan-field",{attrs:{type:"password",label:"密码：",placeholder:"请输入密码",required:""}}),s._v(" "),t("zan-field",{attrs:{type:"textarea",label:"个人介绍：",placeholder:"请输入个人介绍",required:""}})],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),t("example-block",{attrs:{title:"错误的输入框"}},[t("zan-cell-group",[t("zan-field",{attrs:{label:"留言：",type:"textarea",placeholder:"请输入留言",rows:"1",autosize:""}})],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",attrs:{description:"基础用法"}},[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",[t("code",[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("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",attrs:{description:"基础用法"}},[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",attrs:{description:"禁用Quantity"}},[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",attrs:{description:"高级用法"}},[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",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("最大值")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td"),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("step")]),s._v(" "),t("td",[s._v("步数")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("是否被禁用了")]),s._v(" "),t("td",[t("code",[s._v("boolean")])]),s._v(" "),t("td",[t("code",[s._v("false")])]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("defaultValue")]),s._v(" "),t("td",[s._v("默认值")]),s._v(" "),t("td",[t("code",[s._v("string")]),s._v(", "),t("code",[s._v("number")])]),s._v(" "),t("td",[t("code",[s._v("1")])]),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",attrs:{description:"基础用法"}},[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"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#badge","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("激活的"),t("code",[s._v("badge")]),s._v("的索引")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("0")]),s._v("但必须子badge里的mark是有"),t("code",[s._v("0")]),s._v("位索引")]),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",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("required")])])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("badge的文案标题")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[s._v("''")])]),s._v(" "),t("td",[t("code",[s._v("required")])])]),s._v(" "),t("tr",[t("td",[s._v("info")]),s._v(" "),t("td",[s._v("当前badge的提示消息数量")]),s._v(" "),t("td",[t("code",[s._v("string")])]),s._v(" "),t("td",[t("code",[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",[t("code",[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(338);"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(339);"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(341);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5ae488ab",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)("e3e31b4c",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)("59cfc626",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)("a0c935b8",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)("bdbfa558",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)("befa047e",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)("563c9986",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)("08f0509a",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)("0471d6ad",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)("42d50ea0",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)("e239d9c8",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)("dc8a21b6",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)("18315e2a",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)("10ee7c93",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)("4c62cd3c",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)("258ceee5",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)("eb0e90f8",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)("5559a966",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)("61a09935",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)("71d4cbfe",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)("ba18c812",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)("2ced9b1a",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)("0f980b3c",n,!0)},function(s,a,t){var n=t(365);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("4ff18ad0",n,!0)},function(s,a,t){var n=t(366);"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(367);"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(368);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("05583ca2",n,!0)},function(s,a,t){var n=t(369);"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(370);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("8054d5bc",n,!0)},function(s,a,t){var n=t(371);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("6d53d9ee",n,!0)},function(s,a,t){var n=t(372);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5a27fdfc",n,!0)},function(s,a,t){var n=t(373);"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(374);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("71f8fdac",n,!0)},function(s,a,t){var n=t(375);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("78f3c952",n,!0)},function(s,a,t){var n=t(376);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("5a6198da",n,!0)},function(s,a,t){var n=t(377);"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(378);"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(379);"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(380);"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(381);"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(382);"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(383);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("90b906da",n,!0)},function(s,a,t){var n=t(384);"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(385);"string"==typeof n&&(n=[[s.i,n,""]]),n.locals&&(s.exports=n.locals);t(31)("21701913",n,!0)},function(s,a,t){var n=t(386);"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(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)},function(s,a,t){s.exports=t(421)},function(s,a,t){s.exports=t(422)},function(s,a,t){s.exports=t(423)},function(s,a,t){s.exports=t(424)},function(s,a,t){s.exports=t(425)},function(s,a,t){s.exports=t(426)},function(s,a,t){s.exports=t(427)},function(s,a,t){s.exports=t(428)},function(s,a,t){s.exports=t(429)},function(s,a,t){s.exports=t(430)},function(s,a,t){s.exports=t(431)},function(s,a,t){s.exports=t(432)},function(s,a,t){s.exports=t(433)},function(s,a,t){s.exports=t(434)},function(s,a,t){s.exports=t(435)},function(s,a,t){s.exports=t(436)},function(s,a,t){s.exports=t(437)},function(s,a,t){s.exports=t(438)},function(s,a,t){s.exports=t(439)},function(s,a,t){s.exports=t(440)},function(s,a,t){s.exports=t(441)},function(s,a,t){s.exports=t(442)},function(s,a,t){s.exports=t(443)},function(s,a,t){s.exports=t(444)},function(s,a,t){s.exports=t(445)}]));
>>>>>>> master
Reference in New Issue View Git Blame Copy Permalink