(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{1438:function(t,a,s){"use strict";s.r(a);var n=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-card title="Default size card" style="width: 300px">\n      <a href="#" slot="extra">more</a>\n      <p>card content</p>\n      <p>card content</p>\n      <p>card content</p>\n    </a-card>\n    <br/>\n    <a-card size="small" title="Small size card" style="width: 300px">\n      <a href="#" slot="extra">more</a>\n      <p>card content</p>\n      <p>card content</p>\n      <p>card content</p>\n    </a-card>\n  </div>\n',script:null,style:null,us:"\n#### Basic card\nA basic card containing a title, content and an extra corner content.\nSupports two sizes: `default` and `small`.\n",cn:"\n#### 典型卡片\n包含标题、内容、操作区域。\n可通过设置size为`default`或者`small`，控制尺寸\n",sourceCode:'<template>\n  <div>\n    <a-card title="Default size card" style="width: 300px">\n      <a href="#" slot="extra">more</a>\n      <p>card content</p>\n      <p>card content</p>\n      <p>card content</p>\n    </a-card>\n    <br />\n    <a-card size="small" title="Small size card" style="width: 300px">\n      <a href="#" slot="extra">more</a>\n      <p>card content</p>\n      <p>card content</p>\n      <p>card content</p>\n    </a-card>\n  </div>\n</template>\n'}}},[s("template",{slot:"component"},[s("div",[s("a-card",{staticStyle:{width:"300px"},attrs:{title:"Default size card"}},[s("a",{attrs:{slot:"extra",href:"#"},slot:"extra"},[t._v("more")]),t._v(" "),s("p",[t._v("card content")]),t._v(" "),s("p",[t._v("card content")]),t._v(" "),s("p",[t._v("card content")])]),t._v(" "),s("br"),t._v(" "),s("a-card",{staticStyle:{width:"300px"},attrs:{size:"small",title:"Small size card"}},[s("a",{attrs:{slot:"extra",href:"#"},slot:"extra"},[t._v("more")]),t._v(" "),s("p",[t._v("card content")]),t._v(" "),s("p",[t._v("card content")]),t._v(" "),s("p",[t._v("card content")])])],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"典型卡片"}},[t._v("典型卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#典型卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("包含标题、内容、操作区域。"),s("br"),t._v("\n可通过设置size为"),s("code",[t._v("default")]),t._v("或者"),s("code",[t._v("small")]),t._v("，控制尺寸"),s("br")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Basic-card"}},[t._v("Basic card "),s("a",{staticClass:"anchor",attrs:{href:"#Basic-card"}},[t._v("#")])]),t._v(" "),s("p",[t._v("A basic card containing a title, content and an extra corner content."),s("br"),t._v("\nSupports two sizes: "),s("code",[t._v("default")]),t._v(" and "),s("code",[t._v("small")]),t._v("."),s("br")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Default size card"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 300px"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("href")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"#"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"extra"')]),t._v(">")]),t._v("more"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Small size card"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 300px"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("href")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"#"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"extra"')]),t._v(">")]),t._v("more"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};n._withStripped=!0;var l=s(31),e=Object(l.a)({},n,[],!1,null,null,null);e.options.__file="components/card/demo/basic.md";var v=e.exports,_=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div style="background:#ECECEC; padding:30px">\n    <a-card title="Card title" :bordered="false" style="width: 300px">\n      <p>Card content</p>\n      <p>Card content</p>\n      <p>Card content</p>\n    </a-card>\n  </div>\n',script:null,style:null,us:"\n  #### No border\n  A borderless card on a gray background.\n",cn:"\n  #### 无边框\n  在灰色背景上使用无边框的卡片\n",sourceCode:'<template>\n  <div style="background:#ECECEC; padding:30px">\n    <a-card title="Card title" :bordered="false" style="width: 300px">\n      <p>Card content</p>\n      <p>Card content</p>\n      <p>Card content</p>\n    </a-card>\n  </div>\n</template>\n'}}},[s("template",{slot:"component"},[s("div",{staticStyle:{background:"#ECECEC",padding:"30px"}},[s("a-card",{staticStyle:{width:"300px"},attrs:{title:"Card title",bordered:!1}},[s("p",[t._v("Card content")]),t._v(" "),s("p",[t._v("Card content")]),t._v(" "),s("p",[t._v("Card content")])])],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"无边框"}},[t._v("无边框 "),s("a",{staticClass:"anchor",attrs:{href:"#无边框"}},[t._v("#")])]),t._v(" "),s("p",[t._v("在灰色背景上使用无边框的卡片")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"No-border"}},[t._v("No border "),s("a",{staticClass:"anchor",attrs:{href:"#No-border"}},[t._v("#")])]),t._v(" "),s("p",[t._v("A borderless card on a gray background.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"background:#ECECEC; padding:30px"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":bordered")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"false"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 300px"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};_._withStripped=!0;var i=Object(l.a)({},_,[],!1,null,null,null);i.options.__file="components/card/demo/border-less.md";var r=i.exports,c=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-card hoverable="" style="width: 240px">\n    <img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" slot="cover"/>\n    <a-card-meta title="Europe Street beat">\n      <template slot="description">www.instagram.com</template>\n    </a-card-meta>\n  </a-card>\n',script:null,style:null,us:"\n  #### Customized content\n  You can use `Card.Meta` to support more flexible content.\n",cn:"\n  #### 更灵活的内容展示\n  可以利用 `Card.Meta` 支持更灵活的内容\n",sourceCode:'<template>\n  <a-card hoverable style="width: 240px">\n    <img\n      alt="example"\n      src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"\n      slot="cover"\n    />\n    <a-card-meta title="Europe Street beat">\n      <template slot="description"\n        >www.instagram.com</template\n      >\n    </a-card-meta>\n  </a-card>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-card",{staticStyle:{width:"240px"},attrs:{hoverable:""}},[s("img",{attrs:{slot:"cover",alt:"example",src:"https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"},slot:"cover"}),t._v(" "),s("a-card-meta",{attrs:{title:"Europe Street beat"}},[s("template",{slot:"description"},[t._v("www.instagram.com")])],2)],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"更灵活的内容展示"}},[t._v("更灵活的内容展示 "),s("a",{staticClass:"anchor",attrs:{href:"#更灵活的内容展示"}},[t._v("#")])]),t._v(" "),s("p",[t._v("可以利用 "),s("code",[t._v("Card.Meta")]),t._v(" 支持更灵活的内容")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Customized-content"}},[t._v("Customized content "),s("a",{staticClass:"anchor",attrs:{href:"#Customized-content"}},[t._v("#")])]),t._v(" "),s("p",[t._v("You can use "),s("code",[t._v("Card.Meta")]),t._v(" to support more flexible content.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("hoverable")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 240px"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("img")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("alt")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"example"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("src")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"cover"')]),t._v("\n    />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-meta")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Europe Street beat"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"description"')]),t._v("\n        >")]),t._v("www.instagram.com"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v("\n      >")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-meta")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};c._withStripped=!0;var p=Object(l.a)({},c,[],!1,null,null,null);p.options.__file="components/card/demo/flexible-content.md";var d=p.exports,o=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-card title="Card Title">\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n  </a-card>\n',script:null,style:null,us:"\n#### Grid card\nGrid style card content.\n",cn:"\n####  网格型内嵌卡片\n一种常见的卡片内容区隔模式。\n",sourceCode:'<template>\n  <a-card title="Card Title">\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n    <a-card-grid style="width:25%;textAlign:\'center\'">Content</a-card-grid>\n  </a-card>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-card",{attrs:{title:"Card Title"}},[s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")]),t._v(" "),s("a-card-grid",{staticStyle:{width:"25%",textAlign:"'center'"}},[t._v("Content")])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"网格型内嵌卡片"}},[t._v("网格型内嵌卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#网格型内嵌卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("一种常见的卡片内容区隔模式。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Grid-card"}},[t._v("Grid card "),s("a",{staticClass:"anchor",attrs:{href:"#Grid-card"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Grid style card content.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card Title"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"width:25%;textAlign:'center'\"")]),t._v(">")]),t._v("Content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-grid")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};o._withStripped=!0;var h=Object(l.a)({},o,[],!1,null,null,null);h.options.__file="components/card/demo/grid-card.md";var C=h.exports,j=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div style="background-color: #ececec; padding: 20px;">\n    <a-row :gutter="16">\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n    </a-row>\n  </div>\n',script:null,style:null,us:"\n  #### Card in column\n  Cards usually cooperate with grid column layout in overview page.\n",cn:"\n  #### 栅格卡片\n  在系统概览页面常常和栅格进行配合。\n",sourceCode:'<template>\n  <div style="background-color: #ececec; padding: 20px;">\n    <a-row :gutter="16">\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n      <a-col :span="8">\n        <a-card title="Card title" :bordered="false">\n          <p>card content</p>\n        </a-card>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n'}}},[s("template",{slot:"component"},[s("div",{staticStyle:{"background-color":"#ececec",padding:"20px"}},[s("a-row",{attrs:{gutter:16}},[s("a-col",{attrs:{span:8}},[s("a-card",{attrs:{title:"Card title",bordered:!1}},[s("p",[t._v("card content")])])],1),t._v(" "),s("a-col",{attrs:{span:8}},[s("a-card",{attrs:{title:"Card title",bordered:!1}},[s("p",[t._v("card content")])])],1),t._v(" "),s("a-col",{attrs:{span:8}},[s("a-card",{attrs:{title:"Card title",bordered:!1}},[s("p",[t._v("card content")])])],1)],1)],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"栅格卡片"}},[t._v("栅格卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#栅格卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("在系统概览页面常常和栅格进行配合。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Card-in-column"}},[t._v("Card in column "),s("a",{staticClass:"anchor",attrs:{href:"#Card-in-column"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Cards usually cooperate with grid column layout in overview page.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"background-color: #ececec; padding: 20px;"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":gutter")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"16"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"8"')]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":bordered")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"false"')]),t._v(">")]),t._v("\n          "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"8"')]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":bordered")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"false"')]),t._v(">")]),t._v("\n          "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":span")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"8"')]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":bordered")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"false"')]),t._v(">")]),t._v("\n          "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n        "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-col")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-row")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};j._withStripped=!0;var g=Object(l.a)({},j,[],!1,null,null,null);g.options.__file="components/card/demo/in-column.md";var m=g.exports,y=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-card title="Card title">\n    <p style="fontSize: 14px;color: rgba(0, 0, 0, 0.85); marginBottom: 16px;fontWeight: 500">\n      Group title\n    </p>\n    <a-card title="Inner card title">\n      <a href="#" slot="extra">More</a>\n      Inner Card content\n    </a-card>\n    <a-card title="Inner card title" :style="{ marginTop: \'16px\' }">\n      <a href="#" slot="extra">More</a>\n      Inner Card content\n    </a-card>\n  </a-card>\n',script:null,style:null,us:"\n  #### Inner card\n  It can be placed inside the ordinary card to display the information of the multilevel structure\n",cn:"\n  #### 内部卡片\n  可以放在普通卡片内部，展示多层级结构的信息\n",sourceCode:'<template>\n  <a-card title="Card title">\n    <p style="fontSize: 14px;color: rgba(0, 0, 0, 0.85); marginBottom: 16px;fontWeight: 500">\n      Group title\n    </p>\n    <a-card title="Inner card title">\n      <a href="#" slot="extra">More</a>\n      Inner Card content\n    </a-card>\n    <a-card title="Inner card title" :style="{ marginTop: \'16px\' }">\n      <a href="#" slot="extra">More</a>\n      Inner Card content\n    </a-card>\n  </a-card>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-card",{attrs:{title:"Card title"}},[s("p",{staticStyle:{fontSize:"14px",color:"rgba(0, 0, 0, 0.85)",marginBottom:"16px",fontWeight:"500"}},[t._v("\n      Group title\n    ")]),t._v(" "),s("a-card",{attrs:{title:"Inner card title"}},[s("a",{attrs:{slot:"extra",href:"#"},slot:"extra"},[t._v("More")]),t._v("\n      Inner Card content\n    ")]),t._v(" "),s("a-card",{style:{marginTop:"16px"},attrs:{title:"Inner card title"}},[s("a",{attrs:{slot:"extra",href:"#"},slot:"extra"},[t._v("More")]),t._v("\n      Inner Card content\n    ")])],1)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"内部卡片"}},[t._v("内部卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#内部卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("可以放在普通卡片内部，展示多层级结构的信息")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Inner-card"}},[t._v("Inner card "),s("a",{staticClass:"anchor",attrs:{href:"#Inner-card"}},[t._v("#")])]),t._v(" "),s("p",[t._v("It can be placed inside the ordinary card to display the information of the multilevel structure")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"fontSize: 14px;color: rgba(0, 0, 0, 0.85); marginBottom: 16px;fontWeight: 500"')]),t._v(">")]),t._v("\n      Group title\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Inner card title"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("href")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"#"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"extra"')]),t._v(">")]),t._v("More"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("\n      Inner Card content\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Inner card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"{ marginTop: '16px' }\"")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("href")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"#"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"extra"')]),t._v(">")]),t._v("More"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("\n      Inner Card content\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};y._withStripped=!0;var b=Object(l.a)({},y,[],!1,null,null,null);b.options.__file="components/card/demo/inner.md";var u=b.exports,f=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-card :loading="loading" title="Card title">\n      whatever content\n    </a-card>\n    <a-button @click="handleClick" style="marginTop: 16px">Toggle loading</a-button>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        loading: true,\n      };\n    },\n    methods: {\n      handleClick() {\n        this.loading = !this.loading;\n      },\n    },\n  };\n",style:null,us:"\n  #### Loading card\n  Shows a loading indirector while the contents of the card is being featched\n",cn:"\n  #### 预加载的卡片\n  数据读入前会有文本块样式\n",sourceCode:'<template>\n  <div>\n    <a-card :loading="loading" title="Card title">\n      whatever content\n    </a-card>\n    <a-button @click="handleClick" style="marginTop: 16px">Toggle loading</a-button>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        loading: true,\n      };\n    },\n    methods: {\n      handleClick() {\n        this.loading = !this.loading;\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("div",[s("a-card",{attrs:{loading:t.loading,title:"Card title"}},[t._v("\n      whatever content\n    ")]),t._v(" "),s("a-button",{staticStyle:{marginTop:"16px"},on:{click:t.handleClick}},[t._v("Toggle loading")])],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"预加载的卡片"}},[t._v("预加载的卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#预加载的卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("数据读入前会有文本块样式")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Loading-card"}},[t._v("Loading card "),s("a",{staticClass:"anchor",attrs:{href:"#Loading-card"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Shows a loading indirector while the contents of the card is being featched")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":loading")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"loading"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(">")]),t._v("\n      whatever content\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("@click")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"handleClick"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"marginTop: 16px"')]),t._v(">")]),t._v("Toggle loading"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-button")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("loading")]),t._v(": "),s("span",{staticClass:"hljs-literal"},[t._v("true")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      handleClick() {\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".loading = !"),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".loading;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};f._withStripped=!0;var x={data:function(){return{loading:!0}},methods:{handleClick:function(){this.loading=!this.loading}}},w=Object(l.a)(x,f,[],!1,null,null,null);w.options.__file="components/card/demo/loading.md";var k=w.exports,T=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-card hoverable="" style="width: 300px">\n    <img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" slot="cover"/>\n    <template class="ant-card-actions" slot="actions">\n      <a-icon type="setting"/>\n      <a-icon type="edit"/>\n      <a-icon type="ellipsis"/>\n    </template>\n    <a-card-meta title="Card title" description="This is the description">\n      <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"/>\n    </a-card-meta>\n  </a-card>\n',script:null,style:null,us:"\n  #### Support more content configuration\n  A Card that supports `cover`, `avatar`, `title` and `description`.\n",cn:"\n  #### 支持更多内容配置\n  一种支持封面、头像、标题和描述信息的卡片。\n",sourceCode:'<template>\n  <a-card hoverable style="width: 300px">\n    <img\n      alt="example"\n      src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"\n      slot="cover"\n    />\n    <template class="ant-card-actions" slot="actions">\n      <a-icon type="setting" />\n      <a-icon type="edit" />\n      <a-icon type="ellipsis" />\n    </template>\n    <a-card-meta title="Card title" description="This is the description">\n      <a-avatar\n        slot="avatar"\n        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"\n      />\n    </a-card-meta>\n  </a-card>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-card",{staticStyle:{width:"300px"},attrs:{hoverable:""}},[s("img",{attrs:{slot:"cover",alt:"example",src:"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"},slot:"cover"}),t._v(" "),s("template",{staticClass:"ant-card-actions",slot:"actions"},[s("a-icon",{attrs:{type:"setting"}}),t._v(" "),s("a-icon",{attrs:{type:"edit"}}),t._v(" "),s("a-icon",{attrs:{type:"ellipsis"}})],1),t._v(" "),s("a-card-meta",{attrs:{title:"Card title",description:"This is the description"}},[s("a-avatar",{attrs:{slot:"avatar",src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"},slot:"avatar"})],1)],2)],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"支持更多内容配置"}},[t._v("支持更多内容配置 "),s("a",{staticClass:"anchor",attrs:{href:"#支持更多内容配置"}},[t._v("#")])]),t._v(" "),s("p",[t._v("一种支持封面、头像、标题和描述信息的卡片。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Support-more-content-configuration"}},[t._v("Support more content configuration "),s("a",{staticClass:"anchor",attrs:{href:"#Support-more-content-configuration"}},[t._v("#")])]),t._v(" "),s("p",[t._v("A Card that supports "),s("code",[t._v("cover")]),t._v(", "),s("code",[t._v("avatar")]),t._v(", "),s("code",[t._v("title")]),t._v(" and "),s("code",[t._v("description")]),t._v(".")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("hoverable")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 300px"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("img")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("alt")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"example"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("src")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"cover"')]),t._v("\n    />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("class")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"ant-card-actions"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"actions"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"setting"')]),t._v(" />")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"edit"')]),t._v(" />")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"ellipsis"')]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card-meta")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("description")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"This is the description"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-avatar")]),t._v("\n        "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"avatar"')]),t._v("\n        "),s("span",{staticClass:"hljs-attr"},[t._v("src")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"')]),t._v("\n      />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card-meta")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};T._withStripped=!0;var S=Object(l.a)({},T,[],!1,null,null,null);S.options.__file="components/card/demo/meta.md";var A=S.exports,L=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-card style="width: 300px">\n    <p>Card content</p>\n    <p>Card content</p>\n    <p>Card content</p>\n  </a-card>\n',script:null,style:null,us:"\n#### Simple card\nA simple card only containing a content area.\n",cn:"\n#### 简洁卡片\n只包含内容区域。\n",sourceCode:'<template>\n  <a-card style="width: 300px">\n    <p>Card content</p>\n    <p>Card content</p>\n    <p>Card content</p>\n  </a-card>\n</template>\n'}}},[s("template",{slot:"component"},[s("a-card",{staticStyle:{width:"300px"}},[s("p",[t._v("Card content")]),t._v(" "),s("p",[t._v("Card content")]),t._v(" "),s("p",[t._v("Card content")])])],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"简洁卡片"}},[t._v("简洁卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#简洁卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("只包含内容区域。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Simple-card"}},[t._v("Simple card "),s("a",{staticClass:"anchor",attrs:{href:"#Simple-card"}},[t._v("#")])]),t._v(" "),s("p",[t._v("A simple card only containing a content area.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width: 300px"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("Card content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};L._withStripped=!0;var K=Object(l.a)({},L,[],!1,null,null,null);K.options.__file="components/card/demo/simple.md";var z=K.exports,E=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-card style="width:100%" title="Card title" :tabList="tabList" :activeTabKey="key" @tabChange="key => onTabChange(key, \'key\')">\n      <span slot="customRender" slot-scope="item"> <a-icon type="home"/>{{item.key}} </span>\n      <a href="#" slot="extra">More</a>\n      {{contentList[key]}}\n    </a-card>\n    <br/><br/>\n    <a-card style="width:100%" :tabList="tabListNoTitle" :activeTabKey="noTitleKey" @tabChange="key => onTabChange(key, \'noTitleKey\')">\n      <p v-if="noTitleKey === \'article\'">article content</p>\n      <p v-else-if="noTitleKey === \'app\'">app content</p>\n      <p v-else="noTitleKey === \'project\'">project content</p>\n    </a-card>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        tabList: [\n          {\n            key: 'tab1',\n            // tab: 'tab1',\n            scopedSlots: { tab: 'customRender' },\n          },\n          {\n            key: 'tab2',\n            tab: 'tab2',\n          },\n        ],\n        contentList: {\n          tab1: 'content1',\n          tab2: 'content2',\n        },\n        tabListNoTitle: [\n          {\n            key: 'article',\n            tab: 'article',\n          },\n          {\n            key: 'app',\n            tab: 'app',\n          },\n          {\n            key: 'project',\n            tab: 'project',\n          },\n        ],\n        key: 'tab1',\n        noTitleKey: 'app',\n      };\n    },\n    methods: {\n      onTabChange(key, type) {\n        console.log(key, type);\n        this[type] = key;\n      },\n    },\n  };\n",style:null,us:"\n  #### With tabs\n  More content can be hosted\n",cn:"\n  #### 带页签的卡片\n  可承载更多内容\n",sourceCode:"<template>\n  <div>\n    <a-card\n      style=\"width:100%\"\n      title=\"Card title\"\n      :tabList=\"tabList\"\n      :activeTabKey=\"key\"\n      @tabChange=\"key => onTabChange(key, 'key')\"\n    >\n      <span slot=\"customRender\" slot-scope=\"item\"> <a-icon type=\"home\" />{{item.key}} </span>\n      <a href=\"#\" slot=\"extra\">More</a>\n      {{contentList[key]}}\n    </a-card>\n    <br /><br />\n    <a-card\n      style=\"width:100%\"\n      :tabList=\"tabListNoTitle\"\n      :activeTabKey=\"noTitleKey\"\n      @tabChange=\"key => onTabChange(key, 'noTitleKey')\"\n    >\n      <p v-if=\"noTitleKey === 'article'\">article content</p>\n      <p v-else-if=\"noTitleKey === 'app'\">app content</p>\n      <p v-else=\"noTitleKey === 'project'\">project content</p>\n    </a-card>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        tabList: [\n          {\n            key: 'tab1',\n            // tab: 'tab1',\n            scopedSlots: { tab: 'customRender' },\n          },\n          {\n            key: 'tab2',\n            tab: 'tab2',\n          },\n        ],\n        contentList: {\n          tab1: 'content1',\n          tab2: 'content2',\n        },\n        tabListNoTitle: [\n          {\n            key: 'article',\n            tab: 'article',\n          },\n          {\n            key: 'app',\n            tab: 'app',\n          },\n          {\n            key: 'project',\n            tab: 'project',\n          },\n        ],\n        key: 'tab1',\n        noTitleKey: 'app',\n      };\n    },\n    methods: {\n      onTabChange(key, type) {\n        console.log(key, type);\n        this[type] = key;\n      },\n    },\n  };\n<\/script>\n"}}},[s("template",{slot:"component"},[s("div",[s("a-card",{staticStyle:{width:"100%"},attrs:{title:"Card title",tabList:t.tabList,activeTabKey:t.key},on:{tabChange:function(a){return t.onTabChange(a,"key")}},scopedSlots:t._u([{key:"customRender",fn:function(a){return s("span",{},[s("a-icon",{attrs:{type:"home"}}),t._v(t._s(a.key)+" ")],1)}}])},[t._v(" "),s("a",{attrs:{slot:"extra",href:"#"},slot:"extra"},[t._v("More")]),t._v("\n      "+t._s(t.contentList[t.key])+"\n    ")]),t._v(" "),s("br"),s("br"),t._v(" "),s("a-card",{staticStyle:{width:"100%"},attrs:{tabList:t.tabListNoTitle,activeTabKey:t.noTitleKey},on:{tabChange:function(a){return t.onTabChange(a,"noTitleKey")}}},["article"===t.noTitleKey?s("p",[t._v("article content")]):"app"===t.noTitleKey?s("p",[t._v("app content")]):s("p",[t._v("project content")])])],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"带页签的卡片"}},[t._v("带页签的卡片 "),s("a",{staticClass:"anchor",attrs:{href:"#带页签的卡片"}},[t._v("#")])]),t._v(" "),s("p",[t._v("可承载更多内容")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"With-tabs"}},[t._v("With tabs "),s("a",{staticClass:"anchor",attrs:{href:"#With-tabs"}},[t._v("#")])]),t._v(" "),s("p",[t._v("More content can be hosted")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width:100%"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("title")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"Card title"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":tabList")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"tabList"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":activeTabKey")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"key"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("@tabChange")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"key => onTabChange(key, 'key')\"")]),t._v("\n    >")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"customRender"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot-scope")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"item"')]),t._v(">")]),t._v(" "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-icon")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("type")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"home"')]),t._v(" />")]),s("span",[t._v("{{")]),t._v("item.key"),s("span",[t._v("}}")]),t._v(" "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("href")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"#"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"extra"')]),t._v(">")]),t._v("More"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("\n      "),s("span",[t._v("{{")]),t._v("contentList[key]"),s("span",[t._v("}}")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("style")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"width:100%"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":tabList")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"tabListNoTitle"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":activeTabKey")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"noTitleKey"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("@tabChange")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"key => onTabChange(key, 'noTitleKey')\"")]),t._v("\n    >")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-if")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"noTitleKey === 'article'\"")]),t._v(">")]),t._v("article content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-else-if")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"noTitleKey === 'app'\"")]),t._v(">")]),t._v("app content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-else")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"noTitleKey === 'project'\"")]),t._v(">")]),t._v("project content"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("p")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-card")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("tabList")]),t._v(": [\n          {\n            "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'tab1'")]),t._v(",\n            "),s("span",{staticClass:"hljs-comment"},[t._v("// tab: 'tab1',")]),t._v("\n            scopedSlots: { "),s("span",{staticClass:"hljs-attr"},[t._v("tab")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'customRender'")]),t._v(" },\n          },\n          {\n            "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'tab2'")]),t._v(",\n            "),s("span",{staticClass:"hljs-attr"},[t._v("tab")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'tab2'")]),t._v(",\n          },\n        ],\n        "),s("span",{staticClass:"hljs-attr"},[t._v("contentList")]),t._v(": {\n          "),s("span",{staticClass:"hljs-attr"},[t._v("tab1")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'content1'")]),t._v(",\n          "),s("span",{staticClass:"hljs-attr"},[t._v("tab2")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'content2'")]),t._v(",\n        },\n        "),s("span",{staticClass:"hljs-attr"},[t._v("tabListNoTitle")]),t._v(": [\n          {\n            "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'article'")]),t._v(",\n            "),s("span",{staticClass:"hljs-attr"},[t._v("tab")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'article'")]),t._v(",\n          },\n          {\n            "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'app'")]),t._v(",\n            "),s("span",{staticClass:"hljs-attr"},[t._v("tab")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'app'")]),t._v(",\n          },\n          {\n            "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'project'")]),t._v(",\n            "),s("span",{staticClass:"hljs-attr"},[t._v("tab")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'project'")]),t._v(",\n          },\n        ],\n        "),s("span",{staticClass:"hljs-attr"},[t._v("key")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'tab1'")]),t._v(",\n        "),s("span",{staticClass:"hljs-attr"},[t._v("noTitleKey")]),t._v(": "),s("span",{staticClass:"hljs-string"},[t._v("'app'")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onTabChange(key, type) {\n        "),s("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(key, type);\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v("[type] = key;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};E._withStripped=!0;var I={data:function(){return{tabList:[{key:"tab1",scopedSlots:{tab:"customRender"}},{key:"tab2",tab:"tab2"}],contentList:{tab1:"content1",tab2:"content2"},tabListNoTitle:[{key:"article",tab:"article"},{key:"app",tab:"app"},{key:"project",tab:"project"}],key:"tab1",noTitleKey:"app"}},methods:{onTabChange:function(t,a){console.log(t,a),this[a]=t}}},O=Object(l.a)(I,E,[],!1,null,null,null);O.options.__file="components/card/demo/tabs.md";var M=O.exports,G=function(){var t=this.$createElement;this._self._c;return this._m(0)};G._withStripped=!0;var D=Object(l.a)({},G,[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("h3",{attrs:{id:"Card"}},[t._v("Card "),s("a",{staticClass:"anchor",attrs:{href:"#Card"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("actions")]),t._v(" "),s("td",[t._v("卡片操作组，位置在卡片底部")]),t._v(" "),s("td",[t._v("slots")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("activeTabKey")]),t._v(" "),s("td",[t._v("当前激活页签的 key")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("headStyle")]),t._v(" "),s("td",[t._v("自定义标题区域样式")]),t._v(" "),s("td",[t._v("object")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("bodyStyle")]),t._v(" "),s("td",[t._v("内容区域自定义样式")]),t._v(" "),s("td",[t._v("object")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("bordered")]),t._v(" "),s("td",[t._v("是否有边框")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("cover")]),t._v(" "),s("td",[t._v("卡片封面")]),t._v(" "),s("td",[t._v("slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("defaultActiveTabKey")]),t._v(" "),s("td",[t._v("初始化选中页签的 key，如果没有设置 activeTabKey")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("第一个页签")])]),t._v(" "),s("tr",[s("td",[t._v("extra")]),t._v(" "),s("td",[t._v("卡片右上角的操作区域")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("hoverable")]),t._v(" "),s("td",[t._v("鼠标移过时可浮起")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("loading")]),t._v(" "),s("td",[t._v("当卡片内容还在加载中时，可以用 loading 展示一个占位")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("tabList")]),t._v(" "),s("td",[t._v("页签标题列表, 可以通过 scopedSlots 属性自定义 tab")]),t._v(" "),s("td",[t._v("Array<{key: string, tab: any, scopedSlots: {tab: 'XXX'}}>")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("card 的尺寸")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("default")]),t._v(" | "),s("code",{pre:!0},[t._v("small")])]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("default")])])]),t._v(" "),s("tr",[s("td",[t._v("title")]),t._v(" "),s("td",[t._v("卡片标题")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("type")]),t._v(" "),s("td",[t._v("卡片类型，可设置为 "),s("code",{pre:!0},[t._v("inner")]),t._v(" 或 不设置")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("-")])])])]),t._v(" "),s("h3",{attrs:{id:"事件"}},[t._v("事件 "),s("a",{staticClass:"anchor",attrs:{href:"#事件"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("事件名称")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("回调参数")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("tabChange")]),t._v(" "),s("td",[t._v("页签切换的回调")]),t._v(" "),s("td",[t._v("(key) => void")])])])]),t._v(" "),s("h3",{attrs:{id:"Card.Grid"}},[t._v("Card.Grid "),s("a",{staticClass:"anchor",attrs:{href:"#Card.Grid"}},[t._v("#")])]),t._v(" "),s("h3",{attrs:{id:"Card.Meta"}},[t._v("Card.Meta "),s("a",{staticClass:"anchor",attrs:{href:"#Card.Meta"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("avatar")]),t._v(" "),s("td",[t._v("头像/图标")]),t._v(" "),s("td",[t._v("slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("description")]),t._v(" "),s("td",[t._v("描述内容")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("title")]),t._v(" "),s("td",[t._v("标题内容")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])])])])])}],!1,null,null,null);D.options.__file="components/card/index.zh-CN.md";var P=D.exports,N=function(){var t=this.$createElement;this._self._c;return this._m(0)};N._withStripped=!0;var X=Object(l.a)({},N,[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("h3",{attrs:{id:"Card"}},[t._v("Card "),s("a",{staticClass:"anchor",attrs:{href:"#Card"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("actions")]),t._v(" "),s("td",[t._v("The action list, shows at the bottom of the Card.")]),t._v(" "),s("td",[t._v("slots")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("activeTabKey")]),t._v(" "),s("td",[t._v("Current TabPane's key")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("headStyle")]),t._v(" "),s("td",[t._v("Inline style to apply to the card head")]),t._v(" "),s("td",[t._v("object")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("bodyStyle")]),t._v(" "),s("td",[t._v("Inline style to apply to the card content")]),t._v(" "),s("td",[t._v("object")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("bordered")]),t._v(" "),s("td",[t._v("Toggles rendering of the border around the card")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("true")])])]),t._v(" "),s("tr",[s("td",[t._v("cover")]),t._v(" "),s("td",[t._v("Card cover")]),t._v(" "),s("td",[t._v("slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("defaultActiveTabKey")]),t._v(" "),s("td",[t._v("Initial active TabPane's key, if "),s("code",{pre:!0},[t._v("activeTabKey")]),t._v(" is not set.")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("extra")]),t._v(" "),s("td",[t._v("Content to render in the top-right corner of the card")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("hoverable")]),t._v(" "),s("td",[t._v("Lift up when hovering card")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("loading")]),t._v(" "),s("td",[t._v("Shows a loading indicator while the contents of the card are being fetched")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("tabList")]),t._v(" "),s("td",[t._v("List of TabPane's head, Custom tabs can be created with the scopedSlots property")]),t._v(" "),s("td",[t._v("Array<{key: string, tab: any, scopedSlots: {tab: 'XXX'}}>")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("Size of card")]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("default")]),t._v(" | "),s("code",{pre:!0},[t._v("small")])]),t._v(" "),s("td",[s("code",{pre:!0},[t._v("default")])])]),t._v(" "),s("tr",[s("td",[t._v("title")]),t._v(" "),s("td",[t._v("Card title")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("type")]),t._v(" "),s("td",[t._v("Card style type, can be set to "),s("code",{pre:!0},[t._v("inner")]),t._v(" or not set")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v("-")])])])]),t._v(" "),s("h3",{attrs:{id:"events"}},[t._v("events "),s("a",{staticClass:"anchor",attrs:{href:"#events"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Events Name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Arguments")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("tabChange")]),t._v(" "),s("td",[t._v("Callback when tab is switched")]),t._v(" "),s("td",[t._v("(key) => void")])])])]),t._v(" "),s("h3",{attrs:{id:"Card.Grid"}},[t._v("Card.Grid "),s("a",{staticClass:"anchor",attrs:{href:"#Card.Grid"}},[t._v("#")])]),t._v(" "),s("h3",{attrs:{id:"Card.Meta"}},[t._v("Card.Meta "),s("a",{staticClass:"anchor",attrs:{href:"#Card.Meta"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("avatar")]),t._v(" "),s("td",[t._v("avatar or icon")]),t._v(" "),s("td",[t._v("slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("description")]),t._v(" "),s("td",[t._v("description content")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("title")]),t._v(" "),s("td",[t._v("title content")]),t._v(" "),s("td",[t._v("string|slot")]),t._v(" "),s("td",[t._v("-")])])])])])}],!1,null,null,null);X.options.__file="components/card/index.en-US.md";var $=X.exports,W=(s(530),"# Card 卡片\n         通用卡片容器\n       ## 何时使用\n         最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。\n       ## 代码演示\n        "),q="# Card\n         Simple rectangular container.\n       ## When To Use\n         A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.\n       ## Examples\n        ",B={category:"Components",type:"Data Display",zhType:"数据展示",title:"Card",subtitle:"卡片",cols:1,render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:W,us:q}}),t(v),t(r),t(d),t(C),t(m),t(u),t(k),t(A),t(z),t(M),t("api",[t(P,{slot:"cn"}),t($)])])}},H=Object(l.a)(B,void 0,void 0,!1,null,null,null);H.options.__file="components/card/demo/index.vue";a.default=H.exports}}]);