ant-design-vue/4ed9baa6.async.js

1 line
38 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([[7],{1221:function(s,a,t){},1222:function(s,a,t){},1223:function(s,a,t){},1224:function(s,a,t){},1317:function(s,a,t){"use strict";var n=t(1221);t.n(n).a},1318:function(s,a,t){"use strict";var n=t(1222);t.n(n).a},1319:function(s,a,t){"use strict";var n=t(1223);t.n(n).a},1320:function(s,a,t){"use strict";var n=t(1224);t.n(n).a},1450: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-spin>\n <a-icon slot="indicator" type="loading" style="font-size: 24px" spin=""/>\n </a-spin>\n <a-spin :indicator="indicator"/>\n </div>\n',script:'\n export default {\n data() {\n return {\n indicator: <a-icon type="loading" style="font-size: 24px" spin=""/>,\n };\n },\n };\n',style:null,us:"\n#### Custom spinning indicator\nUse custom loading indicator.\n",cn:"\n#### 自定义指示符\n使用自定义指示符。\n",sourceCode:'<template>\n <div>\n <a-spin>\n <a-icon slot="indicator" type="loading" style="font-size: 24px" spin />\n </a-spin>\n <a-spin :indicator="indicator" />\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n indicator: <a-icon type="loading" style="font-size: 24px" spin />,\n };\n },\n };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-spin",[t("a-icon",{staticStyle:{"font-size":"24px"},attrs:{slot:"indicator",type:"loading",spin:""},slot:"indicator"})],1),s._v(" "),t("a-spin",{attrs:{indicator:s.indicator}})],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:"Custom-spinning-indicator"}},[s._v("Custom spinning indicator "),t("a",{staticClass:"anchor",attrs:{href:"#Custom-spinning-indicator"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Use custom loading indicator.")])]),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-spin")]),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('"indicator"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),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('"font-size: 24px"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("spin")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":indicator")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"indicator"')]),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("indicator")]),s._v(": "),t("span",{staticClass:"xml"},[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('"loading"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"font-size: 24px"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("spin")]),s._v(" />")]),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")])])])],2)]],2)};n._withStripped=!0;var i={data:function(){return{indicator:(0,this.$createElement)("a-icon",{attrs:{type:"loading",spin:""},style:"font-size: 24px"})}}},l=t(31),e=Object(l.a)(i,n,[],!1,null,null,null);e.options.__file="components/spin/demo/custom-indicator.md";var v=e.exports,p=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-spin/>\n </div>\n",script:null,style:null,us:"\n#### basic Usage\nA simple loading status.\n",cn:"\n#### 基本用法\n一个简单的 loading 状态。\n",sourceCode:"<template>\n <div>\n <a-spin />\n </div>\n</template>\n"}}},[t("template",{slot:"component"},[t("div",[t("a-spin")],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("一个简单的 loading 状态。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"basic-Usage"}},[s._v("basic Usage "),t("a",{staticClass:"anchor",attrs:{href:"#basic-Usage"}},[s._v("#")])]),s._v(" "),t("p",[s._v("A simple loading 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-spin")]),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)};p._withStripped=!0;var _=Object(l.a)({},p,[],!1,null,null,null);_.options.__file="components/spin/demo/basic.md";var c=_.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>\n <a-spin :spinning="spinning" :delay="delayTime">\n <div class="spin-content">\n 可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 `delay` 时间内结束,则不显示\n loading 状态。\n </div>\n </a-spin>\n Loading state<a-switch v-model="spinning"/>\n </div>\n',script:"\n export default {\n data() {\n return {\n spinning: false,\n delayTime: 500,\n };\n },\n methods: {\n changeSpinning() {\n this.spinning = !this.spinning;\n },\n },\n };\n",style:null,us:"\n#### delay\nSpecifies a delay for loading state. If `spinning` ends during delay, loading status won't appear.\n",cn:"\n#### 延迟\n延迟显示 loading 效果。当 spinning 状态在 `delay` 时间内结束,则不显示 loading 状态。\n",sourceCode:'<style scoped>\n .spin-content {\n border: 1px solid #91d5ff;\n background-color: #e6f7ff;\n padding: 30px;\n }\n</style>\n<template>\n <div>\n <a-spin :spinning="spinning" :delay="delayTime">\n <div class="spin-content">\n 可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 `delay` 时间内结束,则不显示\n loading 状态。\n </div>\n </a-spin>\n Loading state<a-switch v-model="spinning"></a-switch>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n spinning: false,\n delayTime: 500,\n };\n },\n methods: {\n changeSpinning() {\n this.spinning = !this.spinning;\n },\n },\n };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-spin",{attrs:{spinning:s.spinning,delay:s.delayTime}},[t("div",{staticClass:"spin-content"},[s._v("\n 可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 `delay` 时间内结束,则不显示\n loading 状态。\n ")])]),s._v("\n Loading state"),t("a-switch",{model:{value:s.spinning,callback:function(a){s.spinning=a},expression:"spinning"}})],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("延迟显示 loading 效果。当 spinning 状态在 "),t("code",[s._v("delay")]),s._v(" 时间内结束,则不显示 loading 状态。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"delay"}},[s._v("delay "),t("a",{staticClass:"anchor",attrs:{href:"#delay"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Specifies a delay for loading state. If "),t("code",[s._v("spinning")]),s._v(" ends during delay, loading status won't appear.")])]),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("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-class"},[s._v(".spin-content")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("1px")]),s._v(" solid "),t("span",{staticClass:"hljs-number"},[s._v("#91d5ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background-color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#e6f7ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("30px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":spinning")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"spinning"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":delay")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"delayTime"')]),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('"spin-content"')]),s._v(">")]),s._v("\n 可以点击‘切换’按钮,延迟显示 loading 效果。当 spinning 状态在 `delay` 时间内结束,则不显示\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("a-spin")]),s._v(">")]),s._v("\n Loading state"),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('"spinning"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-switch")]),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("spinning")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("delayTime")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("500")]),s._v(",\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n changeSpinning() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".spinning = !"),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".spinning;\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)};r._withStripped=!0;var d={data:function(){return{spinning:!1,delayTime:500}},methods:{changeSpinning:function(){this.spinning=!this.spinning}}},o=(t(1317),Object(l.a)(d,r,[],!1,null,"6f47dd26",null));o.options.__file="components/spin/demo/delayAndDebounce.md";var h=o.exports,g=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div class="example">\n <a-spin/>\n </div>\n',script:null,style:null,us:"\n#### Inside a container\nSpin in a container.\n",cn:"\n#### 容器\n放入一个容器中。\n",sourceCode:'<style scoped>\n .example {\n text-align: center;\n background: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n margin-bottom: 20px;\n padding: 30px 50px;\n margin: 20px 0;\n }\n</style>\n<template>\n <div class="example">\n <a-spin />\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",{staticClass:"example"},[t("a-spin")],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:"Inside-a-container"}},[s._v("Inside a container "),t("a",{staticClass:"anchor",attrs:{href:"#Inside-a-container"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Spin in a container.")])]),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("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-class"},[s._v(".example")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("rgba")]),s._v("(0, 0, 0, 0.05);\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("margin-bottom")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("20px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("30px")]),s._v(" "),t("span",{staticClass:"hljs-number"},[s._v("50px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("20px")]),s._v(" "),t("span",{staticClass:"hljs-number"},[s._v("0")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),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("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"example"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),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)};g._withStripped=!0;t(1318);var m=Object(l.a)({},g,[],!1,null,"7e1a0a07",null);m.options.__file="components/spin/demo/inside.md";var j=m.exports,C=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-spin :spinning="spinning">\n <div class="spin-content">\n 可以点击切换按钮控制本区域的spin展示。\n </div>\n </a-spin>\n Loading state<a-switch v-model="spinning"/>\n </div>\n',script:"\n export default {\n data() {\n return {\n spinning: false,\n };\n },\n methods: {\n changeSpinning() {\n this.spinning = !this.spinning;\n },\n },\n };\n",style:null,us:"\n#### Embedded mode\nEmbedding content into `Spin` will alter it into loading state.\n",cn:"\n#### 卡片加载中\n可以直接把内容内嵌到 `Spin` 中,将现有容器变为加载状态。\n",sourceCode:'<style scoped>\n .spin-content {\n border: 1px solid #91d5ff;\n background-color: #e6f7ff;\n padding: 30px;\n }\n</style>\n<template>\n <div>\n <a-spin :spinning="spinning">\n <div class="spin-content">\n 可以点击切换按钮控制本区域的spin展示。\n </div>\n </a-spin>\n Loading state<a-switch v-model="spinning"></a-switch>\n </div>\n</template>\n<script>\n export default {\n data() {\n return {\n spinning: false,\n };\n },\n methods: {\n changeSpinning() {\n this.spinning = !this.spinning;\n },\n },\n };\n<\/script>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-spin",{attrs:{spinning:s.spinning}},[t("div",{staticClass:"spin-content"},[s._v("\n 可以点击切换按钮控制本区域的spin展示。\n ")])]),s._v("\n Loading state"),t("a-switch",{model:{value:s.spinning,callback:function(a){s.spinning=a},expression:"spinning"}})],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("Spin")]),s._v(" 中,将现有容器变为加载状态。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Embedded-mode"}},[s._v("Embedded mode "),t("a",{staticClass:"anchor",attrs:{href:"#Embedded-mode"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Embedding content into "),t("code",[s._v("Spin")]),s._v(" will alter it into loading state.")])]),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("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-class"},[s._v(".spin-content")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("1px")]),s._v(" solid "),t("span",{staticClass:"hljs-number"},[s._v("#91d5ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background-color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#e6f7ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("30px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":spinning")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"spinning"')]),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('"spin-content"')]),s._v(">")]),s._v("\n 可以点击切换按钮控制本区域的spin展示。\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-spin")]),s._v(">")]),s._v("\n Loading state"),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('"spinning"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-switch")]),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("spinning")]),s._v(": "),t("span",{staticClass:"hljs-literal"},[s._v("false")]),s._v(",\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n changeSpinning() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".spinning = !"),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".spinning;\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)};C._withStripped=!0;var u={data:function(){return{spinning:!1}},methods:{changeSpinning:function(){this.spinning=!this.spinning}}},f=(t(1319),Object(l.a)(u,C,[],!1,null,"614ed9a8",null));f.options.__file="components/spin/demo/nested.md";var b=f.exports,y=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-spin size="small"/>\n <a-spin/>\n <a-spin size="large"/>\n </div>\n',script:null,style:null,us:"\n#### Size\nA small `Spin` use in loading text, default `Spin` use in loading card-level block, and large `Spin` use in loading **page**.\n",cn:"\n#### 各种大小\n小的用于文本加载默认用于卡片容器级加载大的用于**页面级**加载。\n",sourceCode:'<template>\n <div>\n <a-spin size="small" />\n <a-spin />\n <a-spin size="large" />\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-spin",{attrs:{size:"small"}}),s._v(" "),t("a-spin"),s._v(" "),t("a-spin",{attrs:{size:"large"}})],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("strong",[s._v("页面级")]),s._v("加载。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Size"}},[s._v("Size "),t("a",{staticClass:"anchor",attrs:{href:"#Size"}},[s._v("#")])]),s._v(" "),t("p",[s._v("A small "),t("code",[s._v("Spin")]),s._v(" use in loading text, default "),t("code",[s._v("Spin")]),s._v(" use in loading card-level block, and large "),t("code",[s._v("Spin")]),s._v(" use in loading "),t("strong",[s._v("page")]),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-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"large"')]),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)};y._withStripped=!0;var x=Object(l.a)({},y,[],!1,null,null,null);x.options.__file="components/spin/demo/size.md";var w=x.exports,S=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-spin tip="Loading...">\n <div class="spin-content">\n 我的描述文案是自定义的。。。\n </div>\n </a-spin>\n </div>\n',script:null,style:null,us:"\n#### Customized description\nCustomized description content.\n",cn:"\n#### 自定义描述文案\n自定义描述文案。\n",sourceCode:'<style scoped>\n .spin-content {\n border: 1px solid #91d5ff;\n background-color: #e6f7ff;\n padding: 30px;\n }\n</style>\n<template>\n <div>\n <a-spin tip="Loading...">\n <div class="spin-content">\n 我的描述文案是自定义的。。。\n </div>\n </a-spin>\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-spin",{attrs:{tip:"Loading..."}},[t("div",{staticClass:"spin-content"},[s._v("\n 我的描述文案是自定义的。。。\n ")])])],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:"Customized-description"}},[s._v("Customized description "),t("a",{staticClass:"anchor",attrs:{href:"#Customized-description"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Customized description content.")])]),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("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-class"},[s._v(".spin-content")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("1px")]),s._v(" solid "),t("span",{staticClass:"hljs-number"},[s._v("#91d5ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background-color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#e6f7ff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("padding")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("30px")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),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("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-spin")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("tip")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"Loading..."')]),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('"spin-content"')]),s._v(">")]),s._v("\n 我的描述文案是自定义的。。。\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-spin")]),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)};S._withStripped=!0;t(1320);var k=Object(l.a)({},S,[],!1,null,"7a7d9168",null);k.options.__file="components/spin/demo/tip.md";var z=k.exports,E=function(){var s=this.$createElement;this._self._c;return this._m(0)};E._withStripped=!0;var I=Object(l.a)({},E,[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("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("delay")]),s._v(" "),t("td",[s._v("延迟显示加载效果的时间(防止闪烁)")]),s._v(" "),t("td",[s._v("number (毫秒)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("indicator")]),s._v(" "),t("td",[s._v("加载指示符")]),s._v(" "),t("td",[s._v("vNode | slot")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("组件大小,可选值为 "),t("code",{pre:!0},[s._v("small")]),s._v(" "),t("code",{pre:!0},[s._v("default")]),s._v(" "),t("code",{pre:!0},[s._v("large")])]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("'default'")])]),s._v(" "),t("tr",[t("td",[s._v("spinning")]),s._v(" "),t("td",[s._v("是否为加载中状态")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("tip")]),s._v(" "),t("td",[s._v("当作为包裹元素时,可以自定义描述文案")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("wrapperClassName")]),s._v(" "),t("td",[s._v("包装器的类属性")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])])])]),s._v(" "),t("h3",{attrs:{id:"静态方法"}},[s._v("静态方法 "),t("a",{staticClass:"anchor",attrs:{href:"#静态方法"}},[s._v("#")])]),s._v(" "),t("ul",[t("li",[t("p",[t("code",{pre:!0},[s._v("Spin.setDefaultIndicator({indicator})")]),s._v(" 同上 "),t("code",{pre:!0},[s._v("indicator")]),s._v(",你可以自定义全局默认元素")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-jsx"}},[s._v("Spin.setDefaultIndicator({\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("indicator")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-function"}},[t("span",{pre:!0,attrs:{class:"hljs-params"}},[s._v("h")]),s._v(" =>")]),s._v(" {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"xml"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),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('"anticon anticon-loading anticon-spin ant-spin-dot"')]),s._v(">")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")])]),s._v(";\n },\n});\n或者;\nSpin.setDefaultIndicator({\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("indicator")]),s._v(": {\n render() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"xml"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),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('"anticon anticon-loading anticon-spin ant-spin-dot"')]),s._v(">")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")])]),s._v(";\n },\n },\n});\n")])])])])])}],!1,null,null,null);I.options.__file="components/spin/index.zh-CN.md";var A=I.exports,L=function(){var s=this.$createElement;this._self._c;return this._m(0)};L._withStripped=!0;var $=Object(l.a)({},L,[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("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 Value")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("delay")]),s._v(" "),t("td",[s._v("specifies a delay in milliseconds for loading state (prevent flush)")]),s._v(" "),t("td",[s._v("number (milliseconds)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("indicator")]),s._v(" "),t("td",[s._v("vue node of the spinning indicator")]),s._v(" "),t("td",[s._v("vNode |slot")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("size of Spin, options: "),t("code",{pre:!0},[s._v("small")]),s._v(", "),t("code",{pre:!0},[s._v("default")]),s._v(" and "),t("code",{pre:!0},[s._v("large")])]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("default")])])]),s._v(" "),t("tr",[t("td",[s._v("spinning")]),s._v(" "),t("td",[s._v("whether Spin is spinning")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("tip")]),s._v(" "),t("td",[s._v("customize description content when Spin has children")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("wrapperClassName")]),s._v(" "),t("td",[s._v("className of wrapper when Spin has children")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("-")])])])]),s._v(" "),t("h3",{attrs:{id:"Static-Method"}},[s._v("Static Method "),t("a",{staticClass:"anchor",attrs:{href:"#Static-Method"}},[s._v("#")])]),s._v(" "),t("ul",[t("li",[t("code",{pre:!0},[s._v("Spin.setDefaultIndicator({indicator})")]),s._v(" As "),t("code",{pre:!0},[s._v("indicator")]),s._v(", you can define the global default spin element")])]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-jsx"}},[s._v("Spin.setDefaultIndicator({\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("indicator")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-function"}},[t("span",{pre:!0,attrs:{class:"hljs-params"}},[s._v("h")]),s._v(" =>")]),s._v(" {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"xml"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),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('"anticon anticon-loading anticon-spin ant-spin-dot"')]),s._v(">")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")])]),s._v(";\n },\n});\nor;\nSpin.setDefaultIndicator({\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("indicator")]),s._v(": {\n render() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"xml"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),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('"anticon anticon-loading anticon-spin ant-spin-dot"')]),s._v(">")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")])]),s._v(";\n },\n },\n});\n")])])])}],!1,null,null,null);$.options.__file="components/spin/index.en-US.md";var O=$.exports,T="# Spin 加载中\n\n 用于页面和区块的加载中状态。\n\n ## 何时使用\n\n 页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。\n ## 代码演示",D="# Spin\n\n A spinner for displaying loading state of a page or a section.\n\n # When To Use\n\n When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude.\n ## Examples ",U={category:"Components",type:"Feedback",title:"Spin",subtitle:"加载中",render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:T,us:D}}),s(c),s(w),s(j),s(b),s(z),s(h),s(v),s("api",[s("template",{slot:"cn"},[s(A)]),s(O)])])}},P=Object(l.a)(U,void 0,void 0,!1,null,null,null);P.options.__file="components/spin/demo/index.vue";a.default=P.exports}}]);