github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/3e4afbf7.async.js

1 line
52 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{1199:function(s,a,t){},1200:function(s,a,t){},1201:function(s,a,t){},1292:function(s,a,t){"use strict";var n=t(1199);t.n(n).a},1293:function(s,a,t){"use strict";var n=t(1200);t.n(n).a},1294:function(s,a,t){"use strict";var n=t(1201);t.n(n).a},1456:function(s,a,t){"use strict";t.r(a);var n=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-badge count="5">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-badge count="0" showZero="">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-badge>\n <a-icon slot="count" type="clock-circle" style="color: #f5222d"/>\n <a href="#" class="head-example"/>\n </a-badge>\n </div>\n',script:null,style:null,us:"\n#### basic\nSimplest Usage. Badge will be hidden when `count` is `0`, but we can use `showZero` to show it.\n",cn:"\n#### 基本\n简单的徽章展示，当 `count` 为 `0` 时，默认不显示，但是可以使用 `showZero` 修改为显示。\n",sourceCode:'<template>\n <div>\n <a-badge count="5">\n <a href="#" class="head-example"></a>\n </a-badge>\n <a-badge count="0" showZero>\n <a href="#" class="head-example"></a>\n </a-badge>\n <a-badge>\n <a-icon slot="count" type="clock-circle" style="color: #f5222d" />\n <a href="#" class="head-example"></a>\n </a-badge>\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-badge",{attrs:{count:"5"}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-badge",{attrs:{count:"0",showZero:""}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-badge",[t("a-icon",{staticStyle:{color:"#f5222d"},attrs:{slot:"count",type:"clock-circle"},slot:"count"}),s._v(" "),t("a",{staticClass:"head-example",attrs:{href:"#"}})],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"基本"}},[s._v("基本 "),t("a",{staticClass:"anchor",attrs:{href:"#基本"}},[s._v("#")])]),s._v(" "),t("p",[s._v("简单的徽章展示，当 "),t("code",[s._v("count")]),s._v(" 为 "),t("code",[s._v("0")]),s._v(" 时，默认不显示，但是可以使用 "),t("code",[s._v("showZero")]),s._v(" 修改为显示。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"basic"}},[s._v("basic "),t("a",{staticClass:"anchor",attrs:{href:"#basic"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Simplest Usage. Badge will be hidden when "),t("code",[s._v("count")]),s._v(" is "),t("code",[s._v("0")]),s._v(", but we can use "),t("code",[s._v("showZero")]),s._v(" to show it.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"5"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("showZero")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"count"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"clock-circle"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"color: #f5222d"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),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("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=t(31),e=Object(l.a)({},n,[],!1,null,null,null);e.options.__file="components/badge/demo/basic.md";var v=e.exports,_=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-badge count="25"/>\n <a-badge count="4" :numberStyle="{backgroundColor: \'#fff\', color: \'#999\', boxShadow: \'0 0 0 1px #d9d9d9 inset\'}"/>\n <a-badge count="109" :numberStyle="{backgroundColor: \'#52c41a\'} "/>\n </div>\n',script:null,style:null,us:"\n#### Standalone\nUsed in standalone when children is empty.\n",cn:"\n#### 独立使用\n不包裹任何元素即是独立使用，可自定样式展现。\n在右上角的 badge 则限定为红色。\n",sourceCode:'<template>\n <div>\n <a-badge count="25" />\n <a-badge\n count="4"\n :numberStyle="{backgroundColor: \'#fff\', color: \'#999\', boxShadow: \'0 0 0 1px #d9d9d9 inset\'}"\n />\n <a-badge count="109" :numberStyle="{backgroundColor: \'#52c41a\'} " />\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-badge",{attrs:{count:"25"}}),s._v(" "),t("a-badge",{attrs:{count:"4",numberStyle:{backgroundColor:"#fff",color:"#999",boxShadow:"0 0 0 1px #d9d9d9 inset"}}}),s._v(" "),t("a-badge",{attrs:{count:"109",numberStyle:{backgroundColor:"#52c41a"}}})],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"独立使用"}},[s._v("独立使用 "),t("a",{staticClass:"anchor",attrs:{href:"#独立使用"}},[s._v("#")])]),s._v(" "),t("p",[s._v("不包裹任何元素即是独立使用，可自定样式展现。"),t("br"),s._v("\n在右上角的 badge 则限定为红色。"),t("br")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Standalone"}},[s._v("Standalone "),t("a",{staticClass:"anchor",attrs:{href:"#Standalone"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Used in standalone when children is empty.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"25"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"4"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v(":numberStyle")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"{backgroundColor: '#fff', color: '#999', boxShadow: '0 0 0 1px #d9d9d9 inset'}\"")]),s._v("\n />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"109"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":numberStyle")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"{backgroundColor: '#52c41a'} \"")]),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("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};_._withStripped=!0;var i=Object(l.a)({},_,[],!1,null,null,null);i.options.__file="components/badge/demo/no-wrapper.md";var c=i.exports,r=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div id="components-badge-demo-dot">\n <a-badge dot="">\n <a-icon type="notification"/>\n </a-badge>\n <a-badge :count="0" dot="">\n <a-icon type="notification"/>\n </a-badge>\n <a-badge dot="">\n <a href="#">Link something</a>\n </a-badge>\n </div>\n',script:null,style:null,us:"\n#### Red badge\nThis will simply display a red badge, without a specific count.\nIf count equals 0, it won't display the dot.\n",cn:"\n#### 讨嫌的小红点\n没有具体的数字。\n",sourceCode:'<template>\n <div id="components-badge-demo-dot">\n <a-badge dot>\n <a-icon type="notification" />\n </a-badge>\n <a-badge :count="0" dot>\n <a-icon type="notification" />\n </a-badge>\n <a-badge dot>\n <a href="#">Link something</a>\n </a-badge>\n </div>\n</template>\n<style scoped>\n #components-badge-demo-dot .anticon-notification {\n width: 16px;\n height: 16px;\n line-height: 16px;\n font-size: 16px;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("div",{attrs:{id:"components-badge-demo-dot"}},[t("a-badge",{attrs:{dot:""}},[t("a-icon",{attrs:{type:"notification"}})],1),s._v(" "),t("a-badge",{attrs:{count:0,dot:""}},[t("a-icon",{attrs:{type:"notification"}})],1),s._v(" "),t("a-badge",{attrs:{dot:""}},[t("a",{attrs:{href:"#"}},[s._v("Link something")])])],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"讨嫌的小红点"}},[s._v("讨嫌的小红点 "),t("a",{staticClass:"anchor",attrs:{href:"#讨嫌的小红点"}},[s._v("#")])]),s._v(" "),t("p",[s._v("没有具体的数字。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Red-badge"}},[s._v("Red badge "),t("a",{staticClass:"anchor",attrs:{href:"#Red-badge"}},[s._v("#")])]),s._v(" "),t("p",[s._v("This will simply display a red badge, without a specific count."),t("br"),s._v("\nIf count equals 0, it won't display the dot."),t("br")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("id")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"components-badge-demo-dot"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("dot")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"notification"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"0"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("dot")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"notification"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("dot")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"#"')]),s._v(">")]),s._v("Link something"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),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("template")]),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:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-selector-id"},[s._v("#components-badge-demo-dot")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".anticon-notification")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("font-size")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("16px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};r._withStripped=!0;t(1292);var p=Object(l.a)({},r,[],!1,null,"1a2139d9",null);p.options.__file="components/badge/demo/dot.md";var o=p.exports,h=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <div>\n <a-badge :count="count">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-button-group>\n <a-button @click="decline">\n <a-icon type="minus"/>\n </a-button>\n <a-button @click="increase">\n <a-icon type="plus"/>\n </a-button>\n </a-button-group>\n </div>\n <div style="margin-top: 10px">\n <a-badge :dot="show">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-switch v-model="show"/>\n </div>\n </div>\n',script:"\n export default {\n data() {\n return {\n count: 5,\n show: true,\n };\n },\n methods: {\n decline() {\n let count = this.count - 1;\n if (count < 0) {\n count = 0;\n }\n this.count = count;\n },\n increase() {\n this.count++;\n },\n },\n };\n",style:null,us:"\n#### Dynamic\n The count will be animated as it changes.\n",cn:"\n#### 动态\n 展示动态变化的效果。\n",sourceCode:'<template>\n <div>\n <div>\n <a-badge :count="count">\n <a href="#" class="head-example" />\n </a-badge>\n <a-button-group>\n <a-button @click="decline">\n <a-icon type="minus" />\n </a-button>\n <a-button @click="increase">\n <a-icon type="plus" />\n </a-button>\n </a-button-group>\n </div>\n <div style="margin-top: 10px">\n <a-badge :dot="show">\n <a href="#" class="head-example" />\n </a-badge>\n <a-switch v-model="show" />\n </div>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n count: 5,\n show: true,\n };\n },\n methods: {\n decline() {\n let count = this.count - 1;\n if (count < 0) {\n count = 0;\n }\n this.count = count;\n },\n increase() {\n this.count++;\n },\n },\n };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("div",[t("a-badge",{attrs:{count:s.count}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-button-group",[t("a-button",{on:{click:s.decline}},[t("a-icon",{attrs:{type:"minus"}})],1),s._v(" "),t("a-button",{on:{click:s.increase}},[t("a-icon",{attrs:{type:"plus"}})],1)],1)],1),s._v(" "),t("div",{staticStyle:{"margin-top":"10px"}},[t("a-badge",{attrs:{dot:s.show}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-switch",{model:{value:s.show,callback:function(a){s.show=a},expression:"show"}})],1)])]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"动态"}},[s._v("动态 "),t("a",{staticClass:"anchor",attrs:{href:"#动态"}},[s._v("#")])]),s._v(" "),t("p",[s._v("展示动态变化的效果。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Dynamic"}},[s._v("Dynamic "),t("a",{staticClass:"anchor",attrs:{href:"#Dynamic"}},[s._v("#")])]),s._v(" "),t("p",[s._v("The count will be animated as it changes.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("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("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"count"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button-group")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"decline"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"minus"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@click")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"increase"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"plus"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-button-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 "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"margin-top: 10px"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":dot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-switch")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"show"')]),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"),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("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("count")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("5")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("show")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("true")]),s._v(",\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n decline() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("let")]),s._v(" count = "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".count - "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("if")]),s._v(" (count < "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(") {\n count = "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".count = count;\n },\n increase() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".count++;\n },\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};h._withStripped=!0;var d={data:function(){return{count:5,show:!0}},methods:{decline:function(){var s=this.count-1;s<0&&(s=0),this.count=s},increase:function(){this.count++}}},g=Object(l.a)(d,h,[],!1,null,null,null);g.options.__file="components/badge/demo/change.md";var C=g.exports,u=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-badge :count="99">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-badge :count="100">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-badge :count="99" :overflowCount="10">\n <a href="#" class="head-example"/>\n </a-badge>\n <a-badge :count="1000" :overflowCount="999">\n <a href="#" class="head-example"/>\n </a-badge>\n </div>\n',script:null,style:null,us:"\n#### Overflow Count\n`${overflowCount}+` is displayed when count is larger than `overflowCount`. The default value of `overflowCount` is `99`.\n",cn:"\n#### 封顶数字\n超过 `overflowCount` 的会显示为 `${overflowCount}+`，默认的 `overflowCount` 为 `99`。\n",sourceCode:'<template>\n <div>\n <a-badge :count="99">\n <a href="#" class="head-example"></a>\n </a-badge>\n <a-badge :count="100">\n <a href="#" class="head-example"></a>\n </a-badge>\n <a-badge :count="99" :overflowCount="10">\n <a href="#" class="head-example"></a>\n </a-badge>\n <a-badge :count="1000" :overflowCount="999">\n <a href="#" class="head-example"></a>\n </a-badge>\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-badge",{attrs:{count:99}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-badge",{attrs:{count:100}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-badge",{attrs:{count:99,overflowCount:10}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})]),s._v(" "),t("a-badge",{attrs:{count:1e3,overflowCount:999}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})])],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"封顶数字"}},[s._v("封顶数字 "),t("a",{staticClass:"anchor",attrs:{href:"#封顶数字"}},[s._v("#")])]),s._v(" "),t("p",[s._v("超过 "),t("code",[s._v("overflowCount")]),s._v(" 的会显示为 "),t("code",[s._v("${overflowCount}+")]),s._v("，默认的 "),t("code",[s._v("overflowCount")]),s._v(" 为 "),t("code",[s._v("99")]),s._v("。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Overflow-Count"}},[s._v("Overflow Count "),t("a",{staticClass:"anchor",attrs:{href:"#Overflow-Count"}},[s._v("#")])]),s._v(" "),t("p",[t("code",[s._v("${overflowCount}+")]),s._v(" is displayed when count is larger than "),t("code",[s._v("overflowCount")]),s._v(". The default value of "),t("code",[s._v("overflowCount")]),s._v(" is "),t("code",[s._v("99")]),s._v(".")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"100"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"99"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overflowCount")]),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("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"1000"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":overflowCount")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"999"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),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("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};u._withStripped=!0;var j=Object(l.a)({},u,[],!1,null,null,null);j.options.__file="components/badge/demo/overflow.md";var m=j.exports,b=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-badge status="success"/>\n <a-badge status="error"/>\n <a-badge status="default"/>\n <a-badge status="processing"/>\n <a-badge status="warning"/>\n <br/>\n <a-badge status="success" text="Success"/>\n <br/>\n <a-badge status="error" text="Error"/>\n <br/>\n <a-badge status="default" text="Default"/>\n <br/>\n <a-badge status="processing" text="Processing"/>\n <br/>\n <a-badge status="warning" text="warning"/>\n </div>\n',script:null,style:null,us:"\n#### Status\n Standalone badge with status.\n",cn:"\n#### 状态点\n 用于表示状态的小圆点。\n",sourceCode:'<template>\n <div>\n <a-badge status="success" />\n <a-badge status="error" />\n <a-badge status="default" />\n <a-badge status="processing" />\n <a-badge status="warning" />\n <br />\n <a-badge status="success" text="Success" />\n <br />\n <a-badge status="error" text="Error" />\n <br />\n <a-badge status="default" text="Default" />\n <br />\n <a-badge status="processing" text="Processing" />\n <br />\n <a-badge status="warning" text="warning" />\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-badge",{attrs:{status:"success"}}),s._v(" "),t("a-badge",{attrs:{status:"error"}}),s._v(" "),t("a-badge",{attrs:{status:"default"}}),s._v(" "),t("a-badge",{attrs:{status:"processing"}}),s._v(" "),t("a-badge",{attrs:{status:"warning"}}),s._v(" "),t("br"),s._v(" "),t("a-badge",{attrs:{status:"success",text:"Success"}}),s._v(" "),t("br"),s._v(" "),t("a-badge",{attrs:{status:"error",text:"Error"}}),s._v(" "),t("br"),s._v(" "),t("a-badge",{attrs:{status:"default",text:"Default"}}),s._v(" "),t("br"),s._v(" "),t("a-badge",{attrs:{status:"processing",text:"Processing"}}),s._v(" "),t("br"),s._v(" "),t("a-badge",{attrs:{status:"warning",text:"warning"}})],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"状态点"}},[s._v("状态点 "),t("a",{staticClass:"anchor",attrs:{href:"#状态点"}},[s._v("#")])]),s._v(" "),t("p",[s._v("用于表示状态的小圆点。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Status"}},[s._v("Status "),t("a",{staticClass:"anchor",attrs:{href:"#Status"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Standalone badge with status.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"error"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"default"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"processing"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"warning"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"success"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Success"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"error"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Error"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"default"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Default"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"processing"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Processing"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("status")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"warning"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("text")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"warning"')]),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("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};b._withStripped=!0;var f=Object(l.a)({},b,[],!1,null,null,null);f.options.__file="components/badge/demo/status.md";var w=f.exports,x=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div id="components-badge-demo-title">\n <a-badge :count="5" title="Custom hover text">\n <a href="#" class="head-example"/>\n </a-badge>\n </div>\n',script:null,style:null,us:"\n#### Title\n The badge will display `title` when hovered over, instead of `count`.\n",cn:"\n#### 自定义标题\n 设置鼠标放在状态点上时显示的文字\n",sourceCode:'<template>\n <div id="components-badge-demo-title">\n <a-badge :count="5" title="Custom hover text">\n <a href="#" class="head-example" />\n </a-badge>\n </div>\n</template>\n<style scoped>\n #components-badge-demo-title .ant-badge:not(.ant-badge-status) {\n margin-right: 20px;\n }\n .head-example {\n width: 42px;\n height: 42px;\n border-radius: 4px;\n background: #eee;\n display: inline-block;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("div",{attrs:{id:"components-badge-demo-title"}},[t("a-badge",{attrs:{count:5,title:"Custom hover text"}},[t("a",{staticClass:"head-example",attrs:{href:"#"}})])],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"自定义标题"}},[s._v("自定义标题 "),t("a",{staticClass:"anchor",attrs:{href:"#自定义标题"}},[s._v("#")])]),s._v(" "),t("p",[s._v("设置鼠标放在状态点上时显示的文字")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Title"}},[s._v("Title "),t("a",{staticClass:"anchor",attrs:{href:"#Title"}},[s._v("#")])]),s._v(" "),t("p",[s._v("The badge will display "),t("code",[s._v("title")]),s._v(" when hovered over, instead of "),t("code",[s._v("count")]),s._v(".")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[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("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("id")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"components-badge-demo-title"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":count")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"5"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("title")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Custom hover text"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),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('"head-example"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-badge")]),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("template")]),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:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-selector-id"},[s._v("#components-badge-demo-title")]),s._v(" "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-badge")]),t("span",{staticClass:"hljs-selector-pseudo"},[s._v(":not(.ant-badge-status)")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin-right")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("20px")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".head-example")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("42px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("42px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border-radius")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("4px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#eee")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("display")]),s._v(": inline-block;\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};x._withStripped=!0;t(1293);var y=Object(l.a)({},x,[],!1,null,"5acce32a",null);y.options.__file="components/badge/demo/title.md";var S=y.exports,k=function(){var s=this.$createElement;this._self._c;return this._m(0)};k._withStripped=!0;var E=Object(l.a)({},k,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":count")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"5"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"#"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"head-example"')]),s._v(" />")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":count")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"5"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("count")]),s._v(" "),t("td",[s._v("展示的数字，大于 overflowCount 时显示为 "),t("code",{pre:!0},[s._v("${overflowCount}+")]),s._v("，为 0 时隐藏")]),s._v(" "),t("td",[s._v("number | string | slot")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("dot")]),s._v(" "),t("td",[s._v("不展示数字，只有一个小红点")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("设置状态点的位置偏移，格式为 [x, y]")]),s._v(" "),t("td",[s._v("[number|string, number|string]")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("overflowCount")]),s._v(" "),t("td",[s._v("展示封顶的数字值")]),s._v(" "),t("td",[s._v("number")]),s._v(" "),t("td",[s._v("99")])]),s._v(" "),t("tr",[t("td",[s._v("showZero")]),s._v(" "),t("td",[s._v("当数值为 0 时，是否展示 Badge")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("设置 Badge 为状态点")]),s._v(" "),t("td",[s._v("Enum{ 'success', 'processing, 'default', 'error', 'warning' }")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("text")]),s._v(" "),t("td",[s._v("在设置了 "),t("code",{pre:!0},[s._v("status")]),s._v(" 的前提下有效，设置状态点的文本")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("numberStyle")]),s._v(" "),t("td",[s._v("设置状态点的样式")]),s._v(" "),t("td",[s._v("object")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("设置鼠标放在状态点上时显示的文字")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("count")])])])])])])}],!1,null,null,null);E.options.__file="components/badge/index.zh-CN.md";var T=E.exports,$=function(){var s=this.$createElement;this._self._c;return this._m(0)};$._withStripped=!0;var O=Object(l.a)({},$,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":count")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"5"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"#"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"head-example"')]),s._v(" />")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(">")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-badge")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":count")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"5"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Property")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("count")]),s._v(" "),t("td",[s._v("Number to show in badge")]),s._v(" "),t("td",[s._v("number|string | slot")]),s._v(" "),t("td")]),s._v(" "),t("tr",[t("td",[s._v("dot")]),s._v(" "),t("td",[s._v("Whether to display a red dot instead of "),t("code",{pre:!0},[s._v("count")])]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("set offset of the badge dot, like [x, y]")]),s._v(" "),t("td",[s._v("[number|string, number|string]")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("overflowCount")]),s._v(" "),t("td",[s._v("Max count to show")]),s._v(" "),t("td",[s._v("number")]),s._v(" "),t("td",[s._v("99")])]),s._v(" "),t("tr",[t("td",[s._v("showZero")]),s._v(" "),t("td",[s._v("Whether to show badge when "),t("code",{pre:!0},[s._v("count")]),s._v(" is zero")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("status")]),s._v(" "),t("td",[s._v("Set Badge as a status dot")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("success")]),s._v(" | "),t("code",{pre:!0},[s._v("processing")]),s._v(" | "),t("code",{pre:!0},[s._v("default")]),s._v(" | "),t("code",{pre:!0},[s._v("error")]),s._v(" | "),t("code",{pre:!0},[s._v("warning")])]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("''")])])]),s._v(" "),t("tr",[t("td",[s._v("text")]),s._v(" "),t("td",[s._v("If "),t("code",{pre:!0},[s._v("status")]),s._v(" is set, "),t("code",{pre:!0},[s._v("text")]),s._v(" sets the display text of the status "),t("code",{pre:!0},[s._v("dot")])]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("''")])])]),s._v(" "),t("tr",[t("td",[s._v("numberStyle")]),s._v(" "),t("td",[s._v("sets the display style of the status "),t("code",{pre:!0},[s._v("dot")])]),s._v(" "),t("td",[s._v("object")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("Text to show when hovering over the badge")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("count")])])])])])])}],!1,null,null,null);O.options.__file="components/badge/index.en_US.md";var D=O.exports,P="# Badge徽标数\n 图标右上角的圆形徽标数字。\n ## 何时使用\n 一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。\n ## 代码演示\n ",I="# Badge\n Small numerical value or status descriptor for UI elements.\n ## When To Use\n Badge normally appears in proximity to notifications or user avatars with eye-catching appeal, typically displaying unread messages count.\n ## Examples\n ",Z={category:"Components",subtitle:"徽标数",type:"Data Display",zhType:"数据展示",title:"Badge",render:function(){var s=arguments[0];return s("div",{attrs:{id:"components-badge-demo"}},[s("md",{attrs:{cn:P,us:I}}),s(v),s(c),s(m),s(o),s(w),s(C),s(S),s("api",[s(T,{slot:"cn"}),s(D)])])}},B=(t(1294),Object(l.a)(Z,void 0,void 0,!1,null,null,null));B.options.__file="components/badge/demo/index.vue";a.default=B.exports}}]);
Reference in New Issue View Git Blame Copy Permalink