ant-design-vue/aca06349.async.js

1 line
72 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([[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}}]);