text: webpackJsonp([40],{"0oW1":function(s,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a("go92"),n=a.n(e),c={mixins:[{data:function(){return{showVueDocCode:!1,vueDocCodeCopyText:"copy",vueDocCodeHeight:0}},methods:{vueDocCodeToggle:function(){this.showVueDocCode=!this.showVueDocCode,this.vueDocCodeHeight=this.vueDocCodeHeight||this.$refs.vueDocCodeBox.children[0].offsetHeight,this.$refs.vueDocCodeBox.style.height=this.showVueDocCode?this.vueDocCodeHeight+50+"px":"0px"},vueDocCodeCopy:function(){var s=this,t=new n.a(".vue-doc-code-copy",{text:function(s){return s.nextElementSibling.textContent}});t.on("success",function(a){s.vueDocCodeCopyText="copy success!",setTimeout(function(){s.vueDocCodeCopyText="copy"},1e3),a.clearSelection(),t.destroy()})}},components:{}}]},i={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-wrapper"},[s._m(0),s._v(" "),s._m(1),s._v(" "),a("div",{staticClass:"vue-doc-content"}),s._v(" "),a("div",{staticClass:"vue-doc-content-EN"}),s._v(" "),a("div",{staticClass:"vue-doc-demo"},[[a("i-circle",{attrs:{percent:80}},[a("span",{staticClass:"demo-Circle-inner",staticStyle:{"font-size":"24px"}},[s._v("80%")])]),s._v(" "),a("i-circle",{attrs:{percent:100,"stroke-color":"#5cb85c"}},[a("Icon",{staticStyle:{color:"#5cb85c"},attrs:{type:"ios-checkmark-empty",size:"60"}})],1),s._v(" "),a("i-circle",{attrs:{percent:35,"stroke-color":"#ff5500"}},[a("span",{staticClass:"demo-Circle-inner"},[a("Icon",{staticStyle:{color:"#ff5500"},attrs:{type:"ios-close-empty",size:"50"}})],1)])]],2),s._v(" "),a("div",{staticClass:"vue-doc-code",class:{"vue-doc-code-show":s.showVueDocCode}},[a("div",{staticClass:"vue-doc-code-copy",on:{click:s.vueDocCodeCopy}},[s._v(s._s(s.vueDocCodeCopyText))]),s._v(" "),a("div",{ref:"vueDocCodeBox",staticClass:"vue-doc-code-content"},[s._m(2)]),s._v(" "),a("div",{staticClass:"vue-doc-code-toggle",on:{click:s.vueDocCodeToggle}},[a("span",{staticClass:"vue-doc-code-toggle-text"},[s._v("</>"+s._s(s.showVueDocCode?"隐藏代码":"显示代码"))]),s._v(" "),a("span",{staticClass:"vue-doc-code-toggle-text-EN"},[s._v("</>"+s._s(s.showVueDocCode?"Hide Code":"Show Code"))])])])])},staticRenderFns:[function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-基础用法1"}},[this._v("基础用法")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("圆形进度环有一系列的参数可配置，具体可以查看下面的API文档。")])])},function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title-EN"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-buttonsize1"}},[this._v("Button Size")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("Button")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{staticClass:"vue-doc-element"},[a("code",{staticClass:"lang-vue"},[a("span",{staticClass:"xml"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"80"')]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"demo-Circle-inner"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"font-size:24px"')]),s._v(">")]),s._v("80%"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("stroke-color")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"#5cb85c"')]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"ios-checkmark-empty"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"60"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"color:#5cb85c"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"35"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("stroke-color")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"#ff5500"')]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"demo-Circle-inner"')]),s._v(">")]),s._v("\n            "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"ios-close-empty"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"50"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"color:#ff5500"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n    "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" ")])]),a("span",{staticClass:"hljs-template-variable"},[s._v("{\n\n    }")]),a("span",{staticClass:"xml"},[a("span",{staticClass:"undefined"},[s._v("\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")]),s._v("\n")])])}]};var v={mixins:[{data:function(){return{showVueDocCode:!1,vueDocCodeCopyText:"copy",vueDocCodeHeight:0}},methods:{vueDocCodeToggle:function(){this.showVueDocCode=!this.showVueDocCode,this.vueDocCodeHeight=this.vueDocCodeHeight||this.$refs.vueDocCodeBox.children[0].offsetHeight,this.$refs.vueDocCodeBox.style.height=this.showVueDocCode?this.vueDocCodeHeight+50+"px":"0px"},vueDocCodeCopy:function(){var s=this,t=new n.a(".vue-doc-code-copy",{text:function(s){return s.nextElementSibling.textContent}});t.on("success",function(a){s.vueDocCodeCopyText="copy success!",setTimeout(function(){s.vueDocCodeCopyText="copy"},1e3),a.clearSelection(),t.destroy()})}},components:{}}],data:function(){return{percent:0}},computed:{color:function(){var s="#2db7f5";return 100==this.percent&&(s="#5cb85c"),s}},methods:{add:function(){if(this.percent>=100)return!1;this.percent+=10},minus:function(){if(this.percent<=0)return!1;this.percent-=10}}},l={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-wrapper"},[s._m(0),s._v(" "),s._m(1),s._v(" "),a("div",{staticClass:"vue-doc-content"}),s._v(" "),a("div",{staticClass:"vue-doc-content-EN"}),s._v(" "),a("div",{staticClass:"vue-doc-demo"},[[a("i-circle",{attrs:{percent:s.percent,"stroke-color":s.color}},[100==s.percent?a("Icon",{staticStyle:{color:"#5cb85c"},attrs:{type:"ios-checkmark-empty",size:"60"}}):a("span",{staticStyle:{"font-size":"24px"}},[s._v(s._s(s.percent)+"%")])],1),s._v(" "),a("ButtonGroup",{attrs:{size:"large"}},[a("Button",{attrs:{icon:"ios-plus-empty"},on:{click:s.add}}),s._v(" "),a("Button",{attrs:{icon:"ios-minus-empty"},on:{click:s.minus}})],1)]],2),s._v(" "),a("div",{staticClass:"vue-doc-code",class:{"vue-doc-code-show":s.showVueDocCode}},[a("div",{staticClass:"vue-doc-code-copy",on:{click:s.vueDocCodeCopy}},[s._v(s._s(s.vueDocCodeCopyText))]),s._v(" "),a("div",{ref:"vueDocCodeBox",staticClass:"vue-doc-code-content"},[s._m(2)]),s._v(" "),a("div",{staticClass:"vue-doc-code-toggle",on:{click:s.vueDocCodeToggle}},[a("span",{staticClass:"vue-doc-code-toggle-text"},[s._v("</>"+s._s(s.showVueDocCode?"隐藏代码":"显示代码"))]),s._v(" "),a("span",{staticClass:"vue-doc-code-toggle-text-EN"},[s._v("</>"+s._s(s.showVueDocCode?"Hide Code":"Show Code"))])])])])},staticRenderFns:[function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-配合外部组件使用1"}},[this._v("配合外部组件使用")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("通过数据的联动和逻辑控制，实现交互效果。")])])},function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title-EN"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-buttonsize1"}},[this._v("Button Size")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("Button")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{staticClass:"vue-doc-element"},[a("code",{staticClass:"lang-vue"},[a("span",{staticClass:"xml"},[a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":percent")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v(":stroke-color")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"color"')]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"percent == 100"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"ios-checkmark-empty"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"60"')]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"color:#5cb85c"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Icon")]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("v-else")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"font-size:24px"')]),s._v(">")])]),a("span",{staticClass:"hljs-template-variable"},[a("span",[s._v("{{")]),s._v(" percent }}")]),a("span",{staticClass:"xml"},[s._v("%"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Circle")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("ButtonGroup")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"large"')]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"ios-plus-empty"')]),s._v(" @"),a("span",{staticClass:"hljs-attr"},[s._v("click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"add"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Button")]),s._v(">")]),s._v("\n        "),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("Button")]),s._v(" "),a("span",{staticClass:"hljs-attr"},[s._v("icon")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"ios-minus-empty"')]),s._v(" @"),a("span",{staticClass:"hljs-attr"},[s._v("click")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"minus"')]),s._v(">")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("Button")]),s._v(">")]),s._v("\n    "),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("ButtonGroup")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),a("span",{staticClass:"hljs-tag"},[s._v("<"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),a("span",{staticClass:"javascript"},[s._v("\n    "),a("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),a("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n        data () {\n            "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n                "),a("span",{staticClass:"hljs-attr"},[s._v("percent")]),s._v(": "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v("\n            }\n        },\n        "),a("span",{staticClass:"hljs-attr"},[s._v("computed")]),s._v(": {\n            color () {\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" color = "),a("span",{staticClass:"hljs-string"},[s._v("'#2db7f5'")]),s._v(";\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" ("),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent == "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(") {\n                    color = "),a("span",{staticClass:"hljs-string"},[s._v("'#5cb85c'")]),s._v(";\n                }\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" color;\n            }\n        },\n        "),a("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n            add () {\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" ("),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent >= "),a("span",{staticClass:"hljs-number"},[s._v("100")]),s._v(") {\n                    "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n                }\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent += "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n            },\n            minus () {\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" ("),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent <= "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(") {\n                    "),a("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),a("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(";\n                }\n                "),a("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".percent -= "),a("span",{staticClass:"hljs-number"},[s._v("10")]),s._v(";\n            }\n        }\n    }\n")]),a("span",{staticClass:"hljs-tag"},[s._v("</"),a("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n\n")]),s._v("\n")])])}]};var o={mixins:[{data:function(){return{showVueDocCode:!1,vueDocCodeCopyText:"copy",vueDocCodeHeight:0}},methods:{vueDocCodeToggle:function(){this.showVueDocCode=!this.showVueDocCode,this.vueDocCodeHeight=this.vueDocCodeHeight||this.$refs.vueDocCodeBox.children[0].offsetHeight,this.$refs.vueDocCodeBox.style.height=this.showVueDocCode?this.vueDocCodeHeight+50+"px":"0px"},vueDocCodeCopy:function(){var s=this,t=new n.a(".vue-doc-code-copy",{text:function(s){return s.nextElementSibling.textContent}});t.on("success",function(a){s.vueDocCodeCopyText="copy success!",setTimeout(function(){s.vueDocCodeCopyText="copy"},1e3),a.clearSelection(),t.destroy()})}},components:{}}]},_={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-wrapper"},[s._m(0),s._v(" "),s._m(1),s._v(" "),a("div",{staticClass:"vue-doc-content"}),s._v(" "),a("div",{staticClass:"vue-doc-content-EN"}),s._v(" "),a("div",{staticClass:"vue-doc-demo"},[[a("i-circle",{attrs:{size:250,"trail-width":4,"stroke-width":5,percent:75,"stroke-linecap":"square","stroke-color":"#43a3fb"}},[a("div",{staticClass:"demo-Circle-custom"},[a("h1",[s._v("42,001,776")]),s._v(" "),a("p",[s._v("消费人群规模")]),s._v(" "),a("span",[s._v("\n                总占人数\n                "),a("i",[s._v("75%")])])])])]],2),s._v(" "),a("div",{staticClass:"vue-doc-code",class:{"vue-doc-code-show":s.showVueDocCode}},[a("div",{staticClass:"vue-doc-code-copy",on:{click:s.vueDocCodeCopy}},[s._v(s._s(s.vueDocCodeCopyText))]),s._v(" "),a("div",{ref:"vueDocCodeBox",staticClass:"vue-doc-code-content"},[s._m(2)]),s._v(" "),a("div",{staticClass:"vue-doc-code-toggle",on:{click:s.vueDocCodeToggle}},[a("span",{staticClass:"vue-doc-code-toggle-text"},[s._v("</>"+s._s(s.showVueDocCode?"隐藏代码":"显示代码"))]),s._v(" "),a("span",{staticClass:"vue-doc-code-toggle-text-EN"},[s._v("</>"+s._s(s.showVueDocCode?"Hide Code":"Show Code"))])])])])},staticRenderFns:[function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-自定义更多样式1"}},[this._v("自定义更多样式")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("通过自定义slot和丰富的配置，可以组合出很多统计效果。")])])},function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title-EN"},[t("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-buttonsize1"}},[this._v("Button Size")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("Button")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{staticClass:"vue-doc-element"},[a("code",{staticClass:"lang-vue"},[s._v("<"),a("span",{staticClass:"hljs-built_in"},[s._v("style")]),s._v(" lang="),a("span",{staticClass:"hljs-string"},[s._v('"less"')]),s._v(">\n    ."),a("span",{staticClass:"hljs-built_in"},[s._v("demo")]),s._v("-Circle-custom{\n        & h1{\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("color")]),s._v(": #3f414d;\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("font")]),s._v("-size: 28px;\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("font")]),s._v("-weight: normal;\n        }\n        & p{\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("color")]),s._v(": #"),a("span",{staticClass:"hljs-number"},[s._v("657180")]),s._v(";\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("font")]),s._v("-size: 14px;\n            margin: 10px "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(" 15px;\n        }\n        & span{\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("display")]),s._v(": "),a("span",{staticClass:"hljs-built_in"},[s._v("block")]),s._v(";\n            padding-top: 15px;\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("color")]),s._v(": #"),a("span",{staticClass:"hljs-number"},[s._v("657180")]),s._v(";\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("font")]),s._v("-size: 14px;\n            &:before{\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("content")]),s._v(": '';\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("display")]),s._v(": "),a("span",{staticClass:"hljs-built_in"},[s._v("block")]),s._v(";\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("width")]),s._v(": 50px;\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("height")]),s._v(": 1px;\n                margin: "),a("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(" auto;\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("background")]),s._v(": #e0e3e6;\n                "),a("span",{staticClass:"hljs-built_in"},[s._v("position")]),s._v(": relative;\n                top: -15px;\n            };\n        }\n        & span i{\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("font")]),s._v("-"),a("span",{staticClass:"hljs-built_in"},[s._v("style")]),s._v(": normal;\n            "),a("span",{staticClass:"hljs-built_in"},[s._v("color")]),s._v(": #3f414d;\n        }\n    }\n</"),a("span",{staticClass:"hljs-built_in"},[s._v("style")]),s._v(">\n<template>\n    <Circle\n        :size="),a("span",{staticClass:"hljs-string"},[s._v('"250"')]),s._v("\n        :trail-"),a("span",{staticClass:"hljs-built_in"},[s._v("width")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"4"')]),s._v("\n        :stroke-"),a("span",{staticClass:"hljs-built_in"},[s._v("width")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"5"')]),s._v("\n        :percent="),a("span",{staticClass:"hljs-string"},[s._v('"75"')]),s._v("\n        stroke-linecap="),a("span",{staticClass:"hljs-string"},[s._v('"square"')]),s._v("\n        stroke-"),a("span",{staticClass:"hljs-built_in"},[s._v("color")]),s._v("="),a("span",{staticClass:"hljs-string"},[s._v('"#43a3fb"')]),s._v(">\n        <div class="),a("span",{staticClass:"hljs-string"},[s._v('"demo-Circle-custom"')]),s._v(">\n            <h1>"),a("span",{staticClass:"hljs-number"},[s._v("42")]),s._v(","),a("span",{staticClass:"hljs-number"},[s._v("001")]),s._v(","),a("span",{staticClass:"hljs-number"},[s._v("776")]),s._v("</h1>\n            <p>消费人群规模</p>\n            <span>\n                总占人数\n                <i>"),a("span",{staticClass:"hljs-number"},[s._v("75")]),a("span",{staticClass:"hljs-symbol"},[s._v("%")]),s._v("</i>\n            </span>\n        </div>\n    </Circle>\n</template>\n<script>\n    export default {\n\n    }\n<\/script>\n\n\n")])])}]};var r={mixins:[{data:function(){return{showVueDocCode:!1,vueDocCodeCopyText:"copy",vueDocCodeHeight:0}},methods:{vueDocCodeToggle:function(){this.showVueDocCode=!this.showVueDocCode,this.vueDocCodeHeight=this.vueDocCodeHeight||this.$refs.vueDocCodeBox.children[0].offsetHeight,this.$refs.vueDocCodeBox.style.height=this.showVueDocCode?this.vueDocCodeHeight+50+"px":"0px"},vueDocCodeCopy:function(){var s=this,t=new n.a(".vue-doc-code-copy",{text:function(s){return s.nextElementSibling.textContent}});t.on("success",function(a){s.vueDocCodeCopyText="copy success!",setTimeout(function(){s.vueDocCodeCopyText="copy"},1e3),a.clearSelection(),t.destroy()})}},components:{demobasic:a("D8HT")(c,i,!1,function(s){a("ejqM")},null,null).exports,demodata:a("D8HT")(v,l,!1,function(s){a("evNr")},null,null).exports,democustom:a("D8HT")(o,_,!1,function(s){a("A8TW"),a("BVz7")},null,null).exports}}]},h={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-wrapper"},[s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("div",{staticClass:"vue-doc-components"},[a("demobasic"),s._v(" "),a("demodata"),s._v(" "),a("democustom")],1),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-submenu"},[t("ul",{staticClass:"vue-doc-submenu-list"},[t("li",[t("a",{attrs:{href:"#vue-doc-基础用法1"}},[this._v("基础用法")])]),t("li",[t("a",{attrs:{href:"#vue-doc-配合外部组件使用1"}},[this._v("配合外部组件使用")])]),t("li",[t("a",{attrs:{href:"#vue-doc-自定义更多样式1"}},[this._v("自定义更多样式")])])]),t("ul",{staticClass:"vue-doc-submenu-list-EN"},[t("li",[t("a",{attrs:{href:"#vue-doc-ButtonSize1"}},[this._v("Button Size")])]),t("li",[t("a",{attrs:{href:"#vue-doc-ButtonSize1"}},[this._v("Button Size")])]),t("li",[t("a",{attrs:{href:"#vue-doc-ButtonSize1"}},[this._v("Button Size")])])])])},function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title"},[t("h1",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-circle进度环1"}},[this._v("Circle 进度环")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("图表类组件。")])])},function(){var s=this.$createElement,t=this._self._c||s;return t("div",{staticClass:"vue-doc-title-EN"},[t("h1",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-button1"}},[this._v("Button")]),this._v(" "),t("p",{staticClass:"vue-doc-element"},[this._v("Basic component that is used to trigger bussiness logic.")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-content"},[a("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-api1"}},[s._v("API")]),s._v(" "),a("h3",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-circleprops1_1"}},[s._v("Circle props")]),s._v(" "),a("table",{staticClass:"vue-doc-element"},[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("percent")]),s._v(" "),a("td",[s._v("百分比")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("图表的宽度和高度，单位 px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("120")])]),s._v(" "),a("tr",[a("td",[s._v("stroke-linecap")]),s._v(" "),a("td",[s._v("进度环顶端的形状，可选值为square（方）和round（圆）")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("round")])]),s._v(" "),a("tr",[a("td",[s._v("stroke-width")]),s._v(" "),a("td",[s._v("进度环的线宽，单位 px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("stroke-color")]),s._v(" "),a("td",[s._v("进度环的颜色")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("#2db7f5")])]),s._v(" "),a("tr",[a("td",[s._v("trail-width")]),s._v(" "),a("td",[s._v("进度环背景的线宽，单位 px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("5")])]),s._v(" "),a("tr",[a("td",[s._v("trail-color")]),s._v(" "),a("td",[s._v("进度环背景的颜色")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("#eaeef2")])])])]),s._v(" "),a("h3",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-circleslot1_2"}},[s._v("Circle slot")]),s._v(" "),a("table",{staticClass:"vue-doc-element"},[a("thead",[a("tr",[a("th",[s._v("名称")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("无")]),s._v(" "),a("td",[s._v("自定义显示中间内容，内容默认垂直居中")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("div",{staticClass:"vue-doc-content-EN"},[a("h2",{staticClass:"vue-doc-element",attrs:{id:"vue-doc-api1"}},[s._v("API")]),s._v(" "),a("table",{staticClass:"vue-doc-element"},[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",{staticStyle:{"text-align":"right"}},[s._v("Explanation")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",{staticStyle:{"text-align":"right"}},[s._v("Button type, options include primary、ghost、dashed、text、info、success、warning、error, optional")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])])])])])}]};var p=a("D8HT")(r,h,!1,function(s){a("BWDx")},null,null);t.default=p.exports},A8TW:function(s,t){},BVz7:function(s,t){},BWDx:function(s,t){},ejqM:function(s,t){},evNr:function(s,t){}});
  //# sourceMappingURL=40.378e15c808b948436800.js.map