1 line
54 KiB
JavaScript
1 line
54 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{1278:function(s,a,t){},1279:function(s,a,t){},1280:function(s,a,t){},1281:function(s,a,t){},1282:function(s,a,t){},1283:function(s,a,t){},1410:function(s,a,t){"use strict";var l=t(1278);t.n(l).a},1411:function(s,a,t){"use strict";var l=t(1279);t.n(l).a},1412:function(s,a,t){"use strict";var l=t(1280);t.n(l).a},1413:function(s,a,t){"use strict";var l=t(1281);t.n(l).a},1414:function(s,a,t){"use strict";var l=t(1282);t.n(l).a},1415:function(s,a,t){"use strict";var l=t(1283);t.n(l).a},1444:function(s,a,t){"use strict";t.r(a);var l=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel :afterChange="onChange">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n',script:"\n export default {\n methods: {\n onChange(a, b, c) {\n console.log(a, b, c);\n },\n },\n };\n",style:null,us:"\n#### Basic\nBasic usage.\n",cn:"\n#### 基本\n最简单的用法。\n",sourceCode:'<template>\n <a-carousel :afterChange="onChange">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n</template>\n<script>\n export default {\n methods: {\n onChange(a, b, c) {\n console.log(a, b, c);\n },\n },\n };\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-slide {\n text-align: center;\n height: 160px;\n line-height: 160px;\n background: #364d79;\n overflow: hidden;\n }\n\n .ant-carousel >>> .slick-slide h3 {\n color: #fff;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{afterChange:s.onChange}},[t("div",[t("h3",[s._v("1")])]),s._v(" "),t("div",[t("h3",[s._v("2")])]),s._v(" "),t("div",[t("h3",[s._v("3")])]),s._v(" "),t("div",[t("h3",[s._v("4")])])])],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"基本"}},[s._v("基本 "),t("a",{staticClass:"anchor",attrs:{href:"#基本"}},[s._v("#")])]),s._v(" "),t("p",[s._v("最简单的用法。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Basic"}},[s._v("Basic "),t("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Basic usage.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":afterChange")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"onChange"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("3"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("4"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n onChange(a, b, c) {\n "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(a, b, c);\n },\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#364d79")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("overflow")]),s._v(": hidden;\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("h3")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};l._withStripped=!0;var n={methods:{onChange:function(s,a,t){console.log(s,a,t)}}},v=(t(1410),t(31)),e=Object(v.a)(n,l,[],!1,null,"24c0f177",null);e.options.__file="components/carousel/demo/basic.md";var i=e.exports,_=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel effect="fade">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n',script:"\n export default {};\n",style:null,us:"\n#### Fade in\nSlides use fade for transition.\n",cn:"\n#### 渐显\n切换效果为渐显。\n",sourceCode:'<template>\n <a-carousel effect="fade">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n</template>\n<script>\n export default {};\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-slide {\n text-align: center;\n height: 160px;\n line-height: 160px;\n background: #364d79;\n overflow: hidden;\n }\n\n .ant-carousel >>> .slick-slide h3 {\n color: #fff;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{effect:"fade"}},[t("div",[t("h3",[s._v("1")])]),s._v(" "),t("div",[t("h3",[s._v("2")])]),s._v(" "),t("div",[t("h3",[s._v("3")])]),s._v(" "),t("div",[t("h3",[s._v("4")])])])],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"渐显"}},[s._v("渐显 "),t("a",{staticClass:"anchor",attrs:{href:"#渐显"}},[s._v("#")])]),s._v(" "),t("p",[s._v("切换效果为渐显。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Fade-in"}},[s._v("Fade in "),t("a",{staticClass:"anchor",attrs:{href:"#Fade-in"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Slides use fade for transition.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("effect")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"fade"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("3"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("4"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#364d79")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("overflow")]),s._v(": hidden;\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("h3")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};_._withStripped=!0;var c={},r=(t(1411),Object(v.a)(c,_,[],!1,null,"bb33c7ae",null));r.options.__file="components/carousel/demo/fade.md";var h=r.exports,p=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel autoplay="">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n',script:"\n export default {};\n",style:null,us:"\n#### Scroll automatically\nTiming of scrolling to the next card/picture.\n",cn:"\n#### 自动切换\n定时切换下一张。\n",sourceCode:"<template>\n <a-carousel autoplay>\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n</template>\n<script>\n export default {};\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-slide {\n text-align: center;\n height: 160px;\n line-height: 160px;\n background: #364d79;\n overflow: hidden;\n }\n\n .ant-carousel >>> .slick-slide h3 {\n color: #fff;\n }\n</style>\n"}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{autoplay:""}},[t("div",[t("h3",[s._v("1")])]),s._v(" "),t("div",[t("h3",[s._v("2")])]),s._v(" "),t("div",[t("h3",[s._v("3")])]),s._v(" "),t("div",[t("h3",[s._v("4")])])])],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"自动切换"}},[s._v("自动切换 "),t("a",{staticClass:"anchor",attrs:{href:"#自动切换"}},[s._v("#")])]),s._v(" "),t("p",[s._v("定时切换下一张。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Scroll-automatically"}},[s._v("Scroll automatically "),t("a",{staticClass:"anchor",attrs:{href:"#Scroll-automatically"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Timing of scrolling to the next card/picture.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("autoplay")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("3"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("4"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#364d79")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("overflow")]),s._v(": hidden;\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("h3")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};p._withStripped=!0;var o={},d=(t(1412),Object(v.a)(o,p,[],!1,null,"a374683c",null));d.options.__file="components/carousel/demo/autoplay.md";var C=d.exports,j=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel vertical="">\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n',script:"\n export default {};\n",style:null,us:"\n#### Vertical\nVertical pagination.\n",cn:"\n#### 垂直\n垂直显示。\n",sourceCode:"<template>\n <a-carousel vertical>\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n</template>\n<script>\n export default {};\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-slide {\n text-align: center;\n height: 160px;\n line-height: 160px;\n background: #364d79;\n overflow: hidden;\n }\n\n .ant-carousel >>> .slick-slide h3 {\n color: #fff;\n }\n</style>\n"}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{vertical:""}},[t("div",[t("h3",[s._v("1")])]),s._v(" "),t("div",[t("h3",[s._v("2")])]),s._v(" "),t("div",[t("h3",[s._v("3")])]),s._v(" "),t("div",[t("h3",[s._v("4")])])])],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"垂直"}},[s._v("垂直 "),t("a",{staticClass:"anchor",attrs:{href:"#垂直"}},[s._v("#")])]),s._v(" "),t("p",[s._v("垂直显示。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Vertical"}},[s._v("Vertical "),t("a",{staticClass:"anchor",attrs:{href:"#Vertical"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Vertical pagination.")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("vertical")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("3"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("4"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#364d79")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("overflow")]),s._v(": hidden;\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("h3")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};j._withStripped=!0;var u={},m=(t(1413),Object(v.a)(u,j,[],!1,null,"04bd7e22",null));m.options.__file="components/carousel/demo/vertical.md";var g=m.exports,f=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel arrows="" dotsClass="slick-dots slick-thumb">\n <a slot="customPaging" slot-scope="props">\n <img :src="getImgUrl(props.i)"/>\n </a>\n <div v-for="item in 4">\n <img :src="baseUrl+\'abstract0\'+item+\'.jpg\'"/>\n </div>\n </a-carousel>\n',script:"\n const baseUrl =\n 'https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/';\n export default {\n data() {\n return {\n baseUrl,\n };\n },\n methods: {\n getImgUrl(i) {\n return `${baseUrl}abstract0${i + 1}.jpg`;\n },\n },\n };\n",style:null,us:"\n#### Custom Paging\nCustom paging display\n",cn:"\n#### 自定义分页\n自定义分页展示。\n",sourceCode:'<template>\n <a-carousel arrows dotsClass="slick-dots slick-thumb">\n <a slot="customPaging" slot-scope="props">\n <img :src="getImgUrl(props.i)" />\n </a>\n <div v-for="item in 4">\n <img :src="baseUrl+\'abstract0\'+item+\'.jpg\'" />\n </div>\n </a-carousel>\n</template>\n<script>\n const baseUrl =\n \'https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/\';\n export default {\n data() {\n return {\n baseUrl,\n };\n },\n methods: {\n getImgUrl(i) {\n return `${baseUrl}abstract0${i + 1}.jpg`;\n },\n },\n };\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-dots {\n height: auto;\n }\n .ant-carousel >>> .slick-slide img {\n border: 5px solid #fff;\n display: block;\n margin: auto;\n max-width: 80%;\n }\n .ant-carousel >>> .slick-thumb {\n bottom: -45px;\n }\n .ant-carousel >>> .slick-thumb li {\n width: 60px;\n height: 45px;\n }\n .ant-carousel >>> .slick-thumb li img {\n width: 100%;\n height: 100%;\n filter: grayscale(100%);\n }\n .ant-carousel >>> .slick-thumb li.slick-active img {\n filter: grayscale(0%);\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{arrows:"",dotsClass:"slick-dots slick-thumb"},scopedSlots:s._u([{key:"customPaging",fn:function(a){return t("a",{},[t("img",{attrs:{src:s.getImgUrl(a.i)}})])}}])},[s._v(" "),s._l(4,(function(a){return t("div",[t("img",{attrs:{src:s.baseUrl+"abstract0"+a+".jpg"}})])}))],2)],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"自定义分页"}},[s._v("自定义分页 "),t("a",{staticClass:"anchor",attrs:{href:"#自定义分页"}},[s._v("#")])]),s._v(" "),t("p",[s._v("自定义分页展示。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Custom-Paging"}},[s._v("Custom Paging "),t("a",{staticClass:"anchor",attrs:{href:"#Custom-Paging"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Custom paging display")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("arrows")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("dotsClass")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"slick-dots slick-thumb"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"customPaging"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"getImgUrl(props.i)"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-for")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"item in 4"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("img")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":src")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"baseUrl+'abstract0'+item+'.jpg'\"")]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" baseUrl =\n "),t("span",{staticClass:"hljs-string"},[s._v("'https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/'")]),s._v(";\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n baseUrl,\n };\n },\n "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n getImgUrl(i) {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" "),t("span",{staticClass:"hljs-string"},[s._v("`"),t("span",{staticClass:"hljs-subst"},[s._v("${baseUrl}")]),s._v("abstract0"),t("span",{staticClass:"hljs-subst"},[s._v("${i + "),t("span",{staticClass:"hljs-number"},[s._v("1")]),s._v("}")]),s._v(".jpg`")]),s._v(";\n },\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-dots")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": auto;\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("img")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("border")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("5px")]),s._v(" solid "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("display")]),s._v(": block;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("margin")]),s._v(": auto;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("max-width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("80%")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-thumb")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("bottom")]),s._v(": -"),t("span",{staticClass:"hljs-number"},[s._v("45px")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-thumb")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("li")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("60px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("45px")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-thumb")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("li")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("img")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("100%")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("100%")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("filter")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("grayscale")]),s._v("(100%);\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-thumb")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("li")]),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-active")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("img")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("filter")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("grayscale")]),s._v("(0%);\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};f._withStripped=!0;var b="https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/",x={data:function(){return{baseUrl:b}},methods:{getImgUrl:function(s){return b+"abstract0"+(s+1)+".jpg"}}},k=(t(1414),Object(v.a)(x,f,[],!1,null,"9922f6b0",null));k.options.__file="components/carousel/demo/customPaging.md";var y=k.exports,w=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-carousel arrows="">\n <div slot="prevArrow" slot-scope="props" class="custom-slick-arrow" style="left: 10px;zIndex: 1">\n <a-icon type="left-circle"/>\n </div>\n <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow" style="right: 10px">\n <a-icon type="right-circle"/>\n </div>\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n',script:"\n export default {};\n",style:null,us:"\n#### Custom Arrows\nCustom arrows display\n",cn:"\n#### 自定义箭头\n自定义箭头展示。\n",sourceCode:'<template>\n <a-carousel arrows>\n <div\n slot="prevArrow"\n slot-scope="props"\n class="custom-slick-arrow"\n style="left: 10px;zIndex: 1"\n >\n <a-icon type="left-circle" />\n </div>\n <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow" style="right: 10px">\n <a-icon type="right-circle" />\n </div>\n <div><h3>1</h3></div>\n <div><h3>2</h3></div>\n <div><h3>3</h3></div>\n <div><h3>4</h3></div>\n </a-carousel>\n</template>\n<script>\n export default {};\n<\/script>\n<style scoped>\n /* For demo */\n .ant-carousel >>> .slick-slide {\n text-align: center;\n height: 160px;\n line-height: 160px;\n background: #364d79;\n overflow: hidden;\n }\n\n .ant-carousel >>> .custom-slick-arrow {\n width: 25px;\n height: 25px;\n font-size: 25px;\n color: #fff;\n background-color: rgba(31, 45, 61, 0.11);\n opacity: 0.3;\n }\n .ant-carousel >>> .custom-slick-arrow:before {\n display: none;\n }\n .ant-carousel >>> .custom-slick-arrow:hover {\n opacity: 0.5;\n }\n\n .ant-carousel >>> .slick-slide h3 {\n color: #fff;\n }\n</style>\n'}}},[t("template",{slot:"component"},[t("a-carousel",{attrs:{arrows:""},scopedSlots:s._u([{key:"prevArrow",fn:function(s){return t("div",{staticClass:"custom-slick-arrow",staticStyle:{left:"10px",zIndex:"1"}},[t("a-icon",{attrs:{type:"left-circle"}})],1)}},{key:"nextArrow",fn:function(s){return t("div",{staticClass:"custom-slick-arrow",staticStyle:{right:"10px"}},[t("a-icon",{attrs:{type:"right-circle"}})],1)}}])},[s._v(" "),s._v(" "),t("div",[t("h3",[s._v("1")])]),s._v(" "),t("div",[t("h3",[s._v("2")])]),s._v(" "),t("div",[t("h3",[s._v("3")])]),s._v(" "),t("div",[t("h3",[s._v("4")])])])],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"自定义箭头"}},[s._v("自定义箭头 "),t("a",{staticClass:"anchor",attrs:{href:"#自定义箭头"}},[s._v("#")])]),s._v(" "),t("p",[s._v("自定义箭头展示。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Custom-Arrows"}},[s._v("Custom Arrows "),t("a",{staticClass:"anchor",attrs:{href:"#Custom-Arrows"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Custom arrows display")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("arrows")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"prevArrow"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"props"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-slick-arrow"')]),s._v("\n "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"left: 10px;zIndex: 1"')]),s._v("\n >")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"left-circle"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"nextArrow"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"props"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("class")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"custom-slick-arrow"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"right: 10px"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"right-circle"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("1"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("2"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("3"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),s._v("4"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("h3")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-carousel")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {};\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("scoped")]),s._v(">")]),t("span",{staticClass:"css"},[s._v("\n "),t("span",{staticClass:"hljs-comment"},[s._v("/* For demo */")]),s._v("\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("text-align")]),s._v(": center;\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("line-height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("160px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#364d79")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("overflow")]),s._v(": hidden;\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-slick-arrow")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("width")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("25px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("height")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("25px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("font-size")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("25px")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n "),t("span",{staticClass:"hljs-attribute"},[s._v("background-color")]),s._v(": "),t("span",{staticClass:"hljs-built_in"},[s._v("rgba")]),s._v("(31, 45, 61, 0.11);\n "),t("span",{staticClass:"hljs-attribute"},[s._v("opacity")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0.3")]),s._v(";\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-slick-arrow")]),t("span",{staticClass:"hljs-selector-pseudo"},[s._v(":before")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("display")]),s._v(": none;\n }\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".custom-slick-arrow")]),t("span",{staticClass:"hljs-selector-pseudo"},[s._v(":hover")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("opacity")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("0.5")]),s._v(";\n }\n\n "),t("span",{staticClass:"hljs-selector-class"},[s._v(".ant-carousel")]),s._v(" >>> "),t("span",{staticClass:"hljs-selector-class"},[s._v(".slick-slide")]),s._v(" "),t("span",{staticClass:"hljs-selector-tag"},[s._v("h3")]),s._v(" {\n "),t("span",{staticClass:"hljs-attribute"},[s._v("color")]),s._v(": "),t("span",{staticClass:"hljs-number"},[s._v("#fff")]),s._v(";\n }\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("style")]),s._v(">")]),s._v("\n")])])])],2)]],2)};w._withStripped=!0;var A={},U=(t(1415),Object(v.a)(A,w,[],!1,null,"3a05e5ea",null));U.options.__file="components/carousel/demo/customArrows.md";var S=U.exports,I=function(){var s=this.$createElement;this._self._c;return this._m(0)};I._withStripped=!0;var F=Object(v.a)({},I,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("afterChange")]),s._v(" "),t("td",[s._v("切换面板的回调")]),s._v(" "),t("td",[s._v("function(current)")]),s._v(" "),t("td",[s._v("无")])]),s._v(" "),t("tr",[t("td",[s._v("autoplay")]),s._v(" "),t("td",[s._v("是否自动切换")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("beforeChange")]),s._v(" "),t("td",[s._v("切换面板的回调")]),s._v(" "),t("td",[s._v("function(from, to)")]),s._v(" "),t("td",[s._v("无")])]),s._v(" "),t("tr",[t("td",[s._v("dots")]),s._v(" "),t("td",[s._v("是否显示面板指示点")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("dotsClass")]),s._v(" "),t("td",[s._v("面板指示点类名")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("slick-dots")])])]),s._v(" "),t("tr",[t("td",[s._v("easing")]),s._v(" "),t("td",[s._v("动画效果")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("linear")])]),s._v(" "),t("tr",[t("td",[s._v("effect")]),s._v(" "),t("td",[s._v("动画效果函数，可取 scrollx, fade")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("scrollx")])]),s._v(" "),t("tr",[t("td",[s._v("vertical")]),s._v(" "),t("td",[s._v("垂直显示")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])])])]),s._v(" "),t("h2",{attrs:{id:"方法"}},[s._v("方法 "),t("a",{staticClass:"anchor",attrs:{href:"#方法"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("描述")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("goTo(slideNumber, dontAnimate)")]),s._v(" "),t("td",[s._v("切换到指定面板, dontAnimate = true 时，不使用动画")])]),s._v(" "),t("tr",[t("td",[s._v("next()")]),s._v(" "),t("td",[s._v("切换到下一面板")])]),s._v(" "),t("tr",[t("td",[s._v("prev()")]),s._v(" "),t("td",[s._v("切换到上一面板")])])])]),s._v(" "),t("p",[s._v("更多参数可参考："),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/vc-slick/src/default-props.js#L3"}},[s._v("vc-slick props")])])])}],!1,null,null,null);F.options.__file="components/carousel/index.zh-CN.md";var P=F.exports,$=function(){var s=this.$createElement;this._self._c;return this._m(0)};$._withStripped=!0;var E=Object(v.a)({},$,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Property")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("afterChange")]),s._v(" "),t("td",[s._v("Callback function called after the current index changes")]),s._v(" "),t("td",[s._v("function(current)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("autoplay")]),s._v(" "),t("td",[s._v("Whether to scroll automatically")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])]),s._v(" "),t("tr",[t("td",[s._v("beforeChange")]),s._v(" "),t("td",[s._v("Callback function called before the current index changes")]),s._v(" "),t("td",[s._v("function(from, to)")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("dots")]),s._v(" "),t("td",[s._v("Whether to show the dots at the bottom of the gallery")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("true")])])]),s._v(" "),t("tr",[t("td",[s._v("dotsClass")]),s._v(" "),t("td",[s._v("Class name of the dots")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("slick-dots")])])]),s._v(" "),t("tr",[t("td",[s._v("easing")]),s._v(" "),t("td",[s._v("Transition interpolation function name")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("linear")])])]),s._v(" "),t("tr",[t("td",[s._v("effect")]),s._v(" "),t("td",[s._v("Transition effect")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("scrollx")]),s._v(" | "),t("code",{pre:!0},[s._v("fade")])]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("scrollx")])])]),s._v(" "),t("tr",[t("td",[s._v("vertical")]),s._v(" "),t("td",[s._v("Whether to use a vertical display")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("false")])])])])]),s._v(" "),t("h2",{attrs:{id:"Methods"}},[s._v("Methods "),t("a",{staticClass:"anchor",attrs:{href:"#Methods"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Name")]),s._v(" "),t("th",[s._v("Description")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("goTo(slideNumber, dontAnimate)")]),s._v(" "),t("td",[s._v("Go to slide index, if dontAnimate=true, it happens without animation")])]),s._v(" "),t("tr",[t("td",[s._v("next()")]),s._v(" "),t("td",[s._v("Change current slide to next slide")])]),s._v(" "),t("tr",[t("td",[s._v("prev()")]),s._v(" "),t("td",[s._v("Change current slide to previous slide")])])])]),s._v(" "),t("p",[s._v("For more info on the parameters, refer to the "),t("a",{attrs:{href:"https://github.com/vueComponent/ant-design-vue/blob/master/components/vc-slick/src/default-props.js#L3"}},[s._v("vc-slick props")])])])}],!1,null,null,null);E.options.__file="components/carousel/index.en-US.md";var O=E.exports,T=(t(283),"# Carousel 走马灯\n 旋转木马，一组轮播的区域。\n ## 何时使用\n\n - 当有一组平级的内容。\n - 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。\n - 常用于一组图片或卡片轮播。\n ## 代码演示\n "),z="# Carousel\n A carousel component. Scales with its container.\n ## When To Use\n\n - When there is a group of content on the same level.\n - When there is insufficient content space, it can be used to save space in the form of a revolving door.\n - Commonly used for a group of pictures/cards.\n ## Examples\n ",B={category:"Components",type:"Data Display",zhType:"数据展示",title:"Carousel",subtitle:"走马灯",render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:T,us:z}}),s(i),s(g),s(h),s(C),s(y),s(S),s("api",[s(P,{slot:"cn"}),s(O)])])}},V=Object(v.a)(B,void 0,void 0,!1,null,null,null);V.options.__file="components/carousel/demo/index.vue";a.default=V.exports}}]); |