(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{1284:function(t,s,a){},1285:function(t,s,a){},1416:function(t,s,a){"use strict";var n=a(1284);a.n(n).a},1417:function(t,s,a){"use strict";var n=a(1285);a.n(n).a},1463:function(t,s,a){"use strict";a.r(s);var n=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:"\n \n",script:null,style:null,us:"\n#### Basic\nSimplest Skeleton usage.\n",cn:"\n#### 基本\n最简单的占位效果。\n",sourceCode:"\n"}}},[a("template",{slot:"component"},[a("a-skeleton")],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"基本"}},[t._v("基本 "),a("a",{staticClass:"anchor",attrs:{href:"#基本"}},[t._v("#")])]),t._v(" "),a("p",[t._v("最简单的占位效果。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Basic"}},[t._v("Basic "),a("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Simplest Skeleton usage.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-skeleton")]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("")]),t._v("\n")])])])],2)]],2)};n._withStripped=!0;var e=a(31),l=Object(e.a)({},n,[],!1,null,null,null);l.options.__file="components/skeleton/demo/basic.md";var i=l.exports,v=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n \n',script:null,style:null,us:"\n#### Active Animation\nDisplay active animation.\n",cn:"\n#### 动画效果\n显示动画效果。\n",sourceCode:"\n"}}},[a("template",{slot:"component"},[a("a-skeleton",{attrs:{active:""}})],1),t._v(" "),a("template",{slot:"description"},[a("h4",{attrs:{id:"动画效果"}},[t._v("动画效果 "),a("a",{staticClass:"anchor",attrs:{href:"#动画效果"}},[t._v("#")])]),t._v(" "),a("p",[t._v("显示动画效果。")])]),t._v(" "),a("template",{slot:"us-description"},[a("h4",{attrs:{id:"Active-Animation"}},[t._v("Active Animation "),a("a",{staticClass:"anchor",attrs:{href:"#Active-Animation"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Display active animation.")])]),t._v(" "),a("template",{slot:"code"},[a("pre",[a("code",{staticClass:"language-html"},[a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{staticClass:"hljs-tag"},[t._v("<"),a("span",{staticClass:"hljs-name"},[t._v("a-skeleton")]),t._v(" "),a("span",{staticClass:"hljs-attr"},[t._v("active")]),t._v(" />")]),t._v("\n"),a("span",{staticClass:"hljs-tag"},[t._v("")]),t._v("\n")])])])],2)]],2)};v._withStripped=!0;var _=Object(e.a)({},v,[],!1,null,null,null);_.options.__file="components/skeleton/demo/active.md";var r=_.exports,o=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[[a("demo-box",{attrs:{jsfiddle:{html:'\n
\n \n
\n

Ant Design Vue, a design language

\n

\n We supply a series of design principles, practical patterns and high quality design\n resources (Sketch and Axure), to help people create their product prototypes beautifully\n and efficiently.\n

\n
\n
\n \n Show Skeleton\n \n
\n',script:"\n export default {\n data() {\n return {\n loading: false,\n };\n },\n methods: {\n showSkeleton() {\n this.loading = true;\n setTimeout(() => {\n this.loading = false;\n }, 3000);\n },\n },\n };\n",style:"\n .article h4 {\n margin-bottom: 16px;\n }\n .article button {\n margin-top: 16px;\n }\n",us:"\n#### Contains sub component\nSkeleton contains sub component.\n",cn:"\n#### 包含子组件\n加载占位图包含子组件。\n",sourceCode:'\n