index.381f2cf3.js 137 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772
  1. import{d as b,_ as g,j as o,k as i,l as d,w as a,f as c,b as n,e as s,r as f,a as I,h as w,F as W,n as Z}from"./index.c1b9962e.js";import{L as x,R as P}from"./RightCircleOutlined.d289aa8c.js";const N=b({setup(){return{onChange:t=>{console.log(t)}}}});function j(p,t,l,u,m,h){const e=o("a-carousel"),r=o("demo-box");return i(),d(r,{jsfiddle:{us:"Basic usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  2. <p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
  3. <h2 id="en-us">en-US</h2>
  4. <p>Basic usage.</p>
  5. `,order:0,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic"},relativePath:"src/docs/carousel/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIDphZnRlci1jaGFuZ2U9Im9uQ2hhbmdlIj4KICAgIDxkaXY+PGgzPjE8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MjwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4zPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjQ8L2gzPjwvZGl2PgogIDwvYS1jYXJvdXNlbD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb25DaGFuZ2UgPSAoY3VycmVudDogbnVtYmVyKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGN1cnJlbnQpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgovKiBGb3IgZGVtbyAqLwouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSkgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBoZWlnaHQ6IDE2MHB4OwogIGxpbmUtaGVpZ2h0OiAxNjBweDsKICBiYWNrZ3JvdW5kOiAjMzY0ZDc5OwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlIGgzKSB7CiAgY29sb3I6ICNmZmY7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIDphZnRlci1jaGFuZ2U9Im9uQ2hhbmdlIj4KICAgIDxkaXY+PGgzPjE8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MjwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4zPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjQ8L2gzPjwvZGl2PgogIDwvYS1jYXJvdXNlbD4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gY3VycmVudCA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGN1cnJlbnQpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci8qIEZvciBkZW1vICovCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlKSB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGhlaWdodDogMTYwcHg7CiAgbGluZS1oZWlnaHQ6IDE2MHB4OwogIGJhY2tncm91bmQ6ICMzNjRkNzk7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoKLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUgaDMpIHsKICBjb2xvcjogI2ZmZjsKfQo8L3N0eWxlPg=="}},{default:a(()=>[c(e,{"after-change":p.onChange},{default:a(()=>t[0]||(t[0]=[n("div",null,[n("h3",null,"1")],-1),n("div",null,[n("h3",null,"2")],-1),n("div",null,[n("h3",null,"3")],-1),n("div",null,[n("h3",null,"4")],-1)])),_:1,__:[0]},8,["after-change"])]),htmlCode:a(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  6. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},":after-change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  7. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  8. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  9. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  10. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  11. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  12. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  13. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  14. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  15. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  16. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  17. `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"onChange"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),s(" number")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
  18. console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),s("current"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  19. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  20. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  21. onChange`),n("span",{class:"token punctuation"},","),s(`
  22. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  23. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  24. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  25. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  26. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  27. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  28. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  29. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  30. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  31. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  32. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  33. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  34. `),n("span",{class:"token punctuation"},"}"),s(`
  35. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  36. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  37. `),n("span",{class:"token punctuation"},"}"),s(`
  38. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  39. `)])],-1)])),jsVersionHtml:a(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  40. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},":after-change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  41. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  42. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  43. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  44. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  45. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  46. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  47. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  48. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  49. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  50. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  51. `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"onChange"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token parameter"},"current"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
  52. console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),s("current"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  53. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  54. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  55. onChange`),n("span",{class:"token punctuation"},","),s(`
  56. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  57. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  58. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  59. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  60. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  61. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  62. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  63. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  64. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  65. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  66. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  67. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  68. `),n("span",{class:"token punctuation"},"}"),s(`
  69. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  70. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  71. `),n("span",{class:"token punctuation"},"}"),s(`
  72. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  73. `)])],-1)])),_:1})}var Y=g(N,[["render",j],["__scopeId","data-v-0903cc08"]]);const V={};function X(p,t){const l=o("a-carousel"),u=o("demo-box");return i(),d(u,{jsfiddle:{us:"Slides use fade for transition.",cn:"\u5207\u6362\u6548\u679C\u4E3A\u6E10\u663E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  74. <p>\u5207\u6362\u6548\u679C\u4E3A\u6E10\u663E\u3002</p>
  75. <h2 id="en-us">en-US</h2>
  76. <p>Slides use fade for transition.</p>
  77. `,order:2,title:{"zh-CN":"\u6E10\u663E","en-US":"Fade in"},relativePath:"src/docs/carousel/demo/fade.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGVmZmVjdD0iZmFkZSI+CiAgICA8ZGl2PjxoMz4xPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjI8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MzwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz40PC9oMz48L2Rpdj4KICA8L2EtY2Fyb3VzZWw+CjwvdGVtcGxhdGU+Cgo8c3R5bGUgc2NvcGVkPgovKiBGb3IgZGVtbyAqLwouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSkgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBoZWlnaHQ6IDE2MHB4OwogIGxpbmUtaGVpZ2h0OiAxNjBweDsKICBiYWNrZ3JvdW5kOiAjMzY0ZDc5OwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlIGgzKSB7CiAgY29sb3I6ICNmZmY7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGVmZmVjdD0iZmFkZSI+CiAgICA8ZGl2PjxoMz4xPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjI8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MzwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz40PC9oMz48L2Rpdj4KICA8L2EtY2Fyb3VzZWw+CjwvdGVtcGxhdGU+Cgo8c3R5bGUgc2NvcGVkPgovKiBGb3IgZGVtbyAqLwouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSkgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBoZWlnaHQ6IDE2MHB4OwogIGxpbmUtaGVpZ2h0OiAxNjBweDsKICBiYWNrZ3JvdW5kOiAjMzY0ZDc5OwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlIGgzKSB7CiAgY29sb3I6ICNmZmY7Cn0KPC9zdHlsZT4="}},{default:a(()=>[c(l,{effect:"fade"},{default:a(()=>t[0]||(t[0]=[n("div",null,[n("h3",null,"1")],-1),n("div",null,[n("h3",null,"2")],-1),n("div",null,[n("h3",null,"3")],-1),n("div",null,[n("h3",null,"4")],-1)])),_:1,__:[0]})]),htmlCode:a(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  78. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"effect"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("fade"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  79. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  80. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  81. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  82. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  83. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  84. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  85. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  86. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  87. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  88. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  89. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  90. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  91. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  92. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  93. `),n("span",{class:"token punctuation"},"}"),s(`
  94. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  95. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  96. `),n("span",{class:"token punctuation"},"}"),s(`
  97. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  98. `)])],-1)])),jsVersionHtml:a(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  99. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"effect"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("fade"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  100. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  101. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  102. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  103. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  104. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  105. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  106. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  107. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  108. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  109. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  110. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  111. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  112. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  113. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  114. `),n("span",{class:"token punctuation"},"}"),s(`
  115. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  116. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  117. `),n("span",{class:"token punctuation"},"}"),s(`
  118. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  119. `)])],-1)])),_:1})}var B=g(V,[["render",X],["__scopeId","data-v-8c9da238"]]);const R={};function z(p,t){const l=o("a-carousel"),u=o("demo-box");return i(),d(u,{jsfiddle:{us:"Timing of scrolling to the next card/picture.",cn:"\u5B9A\u65F6\u5207\u6362\u4E0B\u4E00\u5F20\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  120. <p>\u5B9A\u65F6\u5207\u6362\u4E0B\u4E00\u5F20\u3002</p>
  121. <h2 id="en-us">en-US</h2>
  122. <p>Timing of scrolling to the next card/picture.</p>
  123. `,order:3,title:{"zh-CN":"\u81EA\u52A8\u5207\u6362","en-US":"Scroll automatically"},relativePath:"src/docs/carousel/demo/autoplay.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGF1dG9wbGF5PgogICAgPGRpdj48aDM+MTwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4yPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjM8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+NDwvaDM+PC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLyogRm9yIGRlbW8gKi8KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUpIHsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgaGVpZ2h0OiAxNjBweDsKICBsaW5lLWhlaWdodDogMTYwcHg7CiAgYmFja2dyb3VuZDogIzM2NGQ3OTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSBoMykgewogIGNvbG9yOiAjZmZmOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGF1dG9wbGF5PgogICAgPGRpdj48aDM+MTwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4yPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjM8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+NDwvaDM+PC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLyogRm9yIGRlbW8gKi8KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUpIHsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgaGVpZ2h0OiAxNjBweDsKICBsaW5lLWhlaWdodDogMTYwcHg7CiAgYmFja2dyb3VuZDogIzM2NGQ3OTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSBoMykgewogIGNvbG9yOiAjZmZmOwp9Cjwvc3R5bGU+"}},{default:a(()=>[c(l,{autoplay:""},{default:a(()=>t[0]||(t[0]=[n("div",null,[n("h3",null,"1")],-1),n("div",null,[n("h3",null,"2")],-1),n("div",null,[n("h3",null,"3")],-1),n("div",null,[n("h3",null,"4")],-1)])),_:1,__:[0]})]),htmlCode:a(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  124. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"autoplay"),n("span",{class:"token punctuation"},">")]),s(`
  125. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  126. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  127. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  128. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  129. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  130. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  131. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  132. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  133. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  134. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  135. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  136. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  137. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  138. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  139. `),n("span",{class:"token punctuation"},"}"),s(`
  140. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  141. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  142. `),n("span",{class:"token punctuation"},"}"),s(`
  143. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  144. `)])],-1)])),jsVersionHtml:a(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  145. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"autoplay"),n("span",{class:"token punctuation"},">")]),s(`
  146. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  147. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  148. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  149. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  150. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  151. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  152. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  153. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  154. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  155. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  156. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  157. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  158. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  159. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  160. `),n("span",{class:"token punctuation"},"}"),s(`
  161. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  162. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  163. `),n("span",{class:"token punctuation"},"}"),s(`
  164. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  165. `)])],-1)])),_:1})}var L=g(R,[["render",z],["__scopeId","data-v-13b5292e"]]);const H=b({setup(){return{dotPosition:f("top")}}});function D(p,t,l,u,m,h){const e=o("a-radio-button"),r=o("a-radio-group"),k=o("a-carousel"),C=o("demo-box");return i(),d(C,{jsfiddle:{us:"There are 4 position options available.",cn:"\u4F4D\u7F6E\u6709 4 \u4E2A\u65B9\u5411\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  166. <p>\u4F4D\u7F6E\u6709 4 \u4E2A\u65B9\u5411\u3002</p>
  167. <h2 id="en-us">en-US</h2>
  168. <p>There are 4 position options available.</p>
  169. `,order:1,title:{"zh-CN":"\u4F4D\u7F6E","en-US":"Position"},relativePath:"src/docs/carousel/demo/position.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJhZGlvLWdyb3VwIHYtbW9kZWw6dmFsdWU9ImRvdFBvc2l0aW9uIiBzdHlsZT0ibWFyZ2luLWJvdHRvbTogOHB4Ij4KICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0idG9wIj5Ub3A8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJib3R0b20iPkJvdHRvbTwvYS1yYWRpby1idXR0b24+CiAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9ImxlZnQiPkxlZnQ8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJyaWdodCI+UmlnaHQ8L2EtcmFkaW8tYnV0dG9uPgogIDwvYS1yYWRpby1ncm91cD4KICA8YS1jYXJvdXNlbCA6ZG90LXBvc2l0aW9uPSJkb3RQb3NpdGlvbiI+CiAgICA8ZGl2PjxoMz4xPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjI8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MzwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz40PC9oMz48L2Rpdj4KICA8L2EtY2Fyb3VzZWw+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgZG90UG9zaXRpb246IHJlZigndG9wJyksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLyogRm9yIGRlbW8gKi8KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUpIHsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgaGVpZ2h0OiAxNjBweDsKICBsaW5lLWhlaWdodDogMTYwcHg7CiAgYmFja2dyb3VuZDogIzM2NGQ3OTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSBoMykgewogIGNvbG9yOiAjZmZmOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJhZGlvLWdyb3VwIHYtbW9kZWw6dmFsdWU9ImRvdFBvc2l0aW9uIiBzdHlsZT0ibWFyZ2luLWJvdHRvbTogOHB4Ij4KICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0idG9wIj5Ub3A8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJib3R0b20iPkJvdHRvbTwvYS1yYWRpby1idXR0b24+CiAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9ImxlZnQiPkxlZnQ8L2EtcmFkaW8tYnV0dG9uPgogICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJyaWdodCI+UmlnaHQ8L2EtcmFkaW8tYnV0dG9uPgogIDwvYS1yYWRpby1ncm91cD4KICA8YS1jYXJvdXNlbCA6ZG90LXBvc2l0aW9uPSJkb3RQb3NpdGlvbiI+CiAgICA8ZGl2PjxoMz4xPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjI8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+MzwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz40PC9oMz48L2Rpdj4KICA8L2EtY2Fyb3VzZWw+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGRvdFBvc2l0aW9uOiByZWYoJ3RvcCcpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci8qIEZvciBkZW1vICovCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlKSB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGhlaWdodDogMTYwcHg7CiAgbGluZS1oZWlnaHQ6IDE2MHB4OwogIGJhY2tncm91bmQ6ICMzNjRkNzk7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoKLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUgaDMpIHsKICBjb2xvcjogI2ZmZjsKfQo8L3N0eWxlPg=="}},{default:a(()=>[c(r,{value:p.dotPosition,"onUpdate:value":t[0]||(t[0]=v=>p.dotPosition=v),style:{"margin-bottom":"8px"}},{default:a(()=>[c(e,{value:"top"},{default:a(()=>t[1]||(t[1]=[s("Top")])),_:1,__:[1]}),c(e,{value:"bottom"},{default:a(()=>t[2]||(t[2]=[s("Bottom")])),_:1,__:[2]}),c(e,{value:"left"},{default:a(()=>t[3]||(t[3]=[s("Left")])),_:1,__:[3]}),c(e,{value:"right"},{default:a(()=>t[4]||(t[4]=[s("Right")])),_:1,__:[4]})]),_:1},8,["value"]),c(k,{"dot-position":p.dotPosition},{default:a(()=>t[5]||(t[5]=[n("div",null,[n("h3",null,"1")],-1),n("div",null,[n("h3",null,"2")],-1),n("div",null,[n("h3",null,"3")],-1),n("div",null,[n("h3",null,"4")],-1)])),_:1,__:[5]},8,["dot-position"])]),htmlCode:a(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  170. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-group")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dotPosition"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  171. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("top"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Top"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  172. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("bottom"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Bottom"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  173. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Left"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  174. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("right"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Right"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  175. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-group")]),n("span",{class:"token punctuation"},">")]),s(`
  176. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},":dot-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dotPosition"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  177. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  178. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  179. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  180. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  181. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  182. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  183. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  184. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent"),n("span",{class:"token punctuation"},","),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  185. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  186. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  187. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  188. `),n("span",{class:"token literal-property property"},"dotPosition"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'top'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),s(`
  189. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  190. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  191. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  192. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  193. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  194. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  195. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  196. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  197. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  198. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  199. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  200. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  201. `),n("span",{class:"token punctuation"},"}"),s(`
  202. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  203. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  204. `),n("span",{class:"token punctuation"},"}"),s(`
  205. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  206. `)])],-1)])),jsVersionHtml:a(()=>t[7]||(t[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  207. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-group")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dotPosition"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),s(" 8px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  208. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("top"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Top"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  209. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("bottom"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Bottom"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  210. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Left"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  211. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-radio-button")]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("right"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Right"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-button")]),n("span",{class:"token punctuation"},">")]),s(`
  212. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-radio-group")]),n("span",{class:"token punctuation"},">")]),s(`
  213. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},":dot-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dotPosition"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  214. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  215. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  216. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  217. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  218. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  219. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  220. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  221. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent"),n("span",{class:"token punctuation"},","),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  222. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  223. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  224. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  225. `),n("span",{class:"token literal-property property"},"dotPosition"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'top'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),s(`
  226. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  227. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  228. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  229. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  230. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  231. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  232. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  233. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  234. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  235. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  236. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  237. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  238. `),n("span",{class:"token punctuation"},"}"),s(`
  239. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  240. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  241. `),n("span",{class:"token punctuation"},"}"),s(`
  242. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  243. `)])],-1)])),_:1})}var K=g(H,[["render",D],["__scopeId","data-v-330c3787"]]);const y="https://raw.githubusercontent.com/vueComponent/ant-design-vue/next/components/vc-slick/assets/img/react-slick/",_=b({setup(){return{baseUrl:y,getImgUrl:t=>`${y}abstract0${t+1}.jpg`}}}),F=["src"],J=["src"];function M(p,t,l,u,m,h){const e=o("a-carousel"),r=o("demo-box");return i(),d(r,{jsfiddle:{us:"Custom paging display",cn:"\u81EA\u5B9A\u4E49\u5206\u9875\u5C55\u793A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  244. <p>\u81EA\u5B9A\u4E49\u5206\u9875\u5C55\u793A\u3002</p>
  245. <h2 id="en-us">en-US</h2>
  246. <p>Custom paging display</p>
  247. `,order:4,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5206\u9875","en-US":"Custom Paging"},relativePath:"src/docs/carousel/demo/customPaging.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGFycm93cyBkb3RzLWNsYXNzPSJzbGljay1kb3RzIHNsaWNrLXRodW1iIj4KICAgIDx0ZW1wbGF0ZSAjY3VzdG9tUGFnaW5nPSJwcm9wcyI+CiAgICAgIDxhPgogICAgICAgIDxpbWcgOnNyYz0iZ2V0SW1nVXJsKHByb3BzLmkpIiAvPgogICAgICA8L2E+CiAgICA8L3RlbXBsYXRlPgogICAgPGRpdiB2LWZvcj0iaXRlbSBpbiA0IiA6a2V5PSJpdGVtIj4KICAgICAgPGltZyA6c3JjPSJiYXNlVXJsICsgJ2Fic3RyYWN0MCcgKyBpdGVtICsgJy5qcGcnIiAvPgogICAgPC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKCmNvbnN0IGJhc2VVcmwgPQogICdodHRwczovL3Jhdy5naXRodWJ1c2VyY29udGVudC5jb20vdnVlQ29tcG9uZW50L2FudC1kZXNpZ24tdnVlL25leHQvY29tcG9uZW50cy92Yy1zbGljay9hc3NldHMvaW1nL3JlYWN0LXNsaWNrLyc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBnZXRJbWdVcmwgPSAoaTogbnVtYmVyKSA9PiB7CiAgICAgIHJldHVybiBgJHtiYXNlVXJsfWFic3RyYWN0MCR7aSArIDF9LmpwZ2A7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgYmFzZVVybCwKICAgICAgZ2V0SW1nVXJsLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci8qIEZvciBkZW1vICovCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLWRvdHMpIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiBhdXRvOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlIGltZykgewogIGJvcmRlcjogNXB4IHNvbGlkICNmZmY7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiBhdXRvOwogIG1heC13aWR0aDogODAlOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLWFycm93KSB7CiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50Owp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXRodW1iKSB7CiAgYm90dG9tOiAwcHg7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stdGh1bWIgbGkpIHsKICB3aWR0aDogNjBweDsKICBoZWlnaHQ6IDQ1cHg7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stdGh1bWIgbGkgaW1nKSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGZpbHRlcjogZ3JheXNjYWxlKDEwMCUpOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAgLnNsaWNrLXRodW1iIGxpLnNsaWNrLWFjdGl2ZSBpbWcgewogIGZpbHRlcjogZ3JheXNjYWxlKDAlKTsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGFycm93cyBkb3RzLWNsYXNzPSJzbGljay1kb3RzIHNsaWNrLXRodW1iIj4KICAgIDx0ZW1wbGF0ZSAjY3VzdG9tUGFnaW5nPSJwcm9wcyI+CiAgICAgIDxhPgogICAgICAgIDxpbWcgOnNyYz0iZ2V0SW1nVXJsKHByb3BzLmkpIiAvPgogICAgICA8L2E+CiAgICA8L3RlbXBsYXRlPgogICAgPGRpdiB2LWZvcj0iaXRlbSBpbiA0IiA6a2V5PSJpdGVtIj4KICAgICAgPGltZyA6c3JjPSJiYXNlVXJsICsgJ2Fic3RyYWN0MCcgKyBpdGVtICsgJy5qcGcnIiAvPgogICAgPC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCBiYXNlVXJsID0KICAnaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3Z1ZUNvbXBvbmVudC9hbnQtZGVzaWduLXZ1ZS9uZXh0L2NvbXBvbmVudHMvdmMtc2xpY2svYXNzZXRzL2ltZy9yZWFjdC1zbGljay8nOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZ2V0SW1nVXJsID0gaSA9PiB7CiAgICAgIHJldHVybiBgJHtiYXNlVXJsfWFic3RyYWN0MCR7aSArIDF9LmpwZ2A7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgYmFzZVVybCwKICAgICAgZ2V0SW1nVXJsLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci8qIEZvciBkZW1vICovCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLWRvdHMpIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgaGVpZ2h0OiBhdXRvOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXNsaWRlIGltZykgewogIGJvcmRlcjogNXB4IHNvbGlkICNmZmY7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiBhdXRvOwogIG1heC13aWR0aDogODAlOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLWFycm93KSB7CiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50Owp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLXRodW1iKSB7CiAgYm90dG9tOiAwcHg7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stdGh1bWIgbGkpIHsKICB3aWR0aDogNjBweDsKICBoZWlnaHQ6IDQ1cHg7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stdGh1bWIgbGkgaW1nKSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGZpbHRlcjogZ3JheXNjYWxlKDEwMCUpOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAgLnNsaWNrLXRodW1iIGxpLnNsaWNrLWFjdGl2ZSBpbWcgewogIGZpbHRlcjogZ3JheXNjYWxlKDAlKTsKfQo8L3N0eWxlPg=="}},{default:a(()=>[c(e,{arrows:"","dots-class":"slick-dots slick-thumb"},{customPaging:a(k=>[n("a",null,[n("img",{src:p.getImgUrl(k.i)},null,8,F)])]),default:a(()=>[(i(),I(W,null,w(4,k=>n("div",{key:k},[n("img",{src:p.baseUrl+"abstract0"+k+".jpg"},null,8,J)])),64))]),_:1})]),htmlCode:a(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  248. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"arrows"),s(),n("span",{class:"token attr-name"},"dots-class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("slick-dots slick-thumb"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  249. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#customPaging"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("props"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  250. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a")]),n("span",{class:"token punctuation"},">")]),s(`
  251. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("img")]),s(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("getImgUrl(props.i)"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  252. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a")]),n("span",{class:"token punctuation"},">")]),s(`
  253. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  254. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("item in 4"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  255. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("img")]),s(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("baseUrl + 'abstract0' + item + '.jpg'"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  256. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  257. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  258. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  259. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  260. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  261. `),n("span",{class:"token keyword"},"const"),s(" baseUrl "),n("span",{class:"token operator"},"="),s(`
  262. `),n("span",{class:"token string"},"'https://raw.githubusercontent.com/vueComponent/ant-design-vue/next/components/vc-slick/assets/img/react-slick/'"),n("span",{class:"token punctuation"},";"),s(`
  263. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  264. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  265. `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"getImgUrl"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"i"),n("span",{class:"token operator"},":"),s(" number")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
  266. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s("baseUrl"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"abstract0"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s("i "),n("span",{class:"token operator"},"+"),s(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},".jpg"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),s(`
  267. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  268. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  269. baseUrl`),n("span",{class:"token punctuation"},","),s(`
  270. getImgUrl`),n("span",{class:"token punctuation"},","),s(`
  271. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  272. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  273. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  274. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  275. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  276. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  277. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-dots)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  278. `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),s(" relative"),n("span",{class:"token punctuation"},";"),s(`
  279. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" auto"),n("span",{class:"token punctuation"},";"),s(`
  280. `),n("span",{class:"token punctuation"},"}"),s(`
  281. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide img)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  282. `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),s(" 5px solid #fff"),n("span",{class:"token punctuation"},";"),s(`
  283. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" block"),n("span",{class:"token punctuation"},";"),s(`
  284. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),s(" auto"),n("span",{class:"token punctuation"},";"),s(`
  285. `),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),s(" 80%"),n("span",{class:"token punctuation"},";"),s(`
  286. `),n("span",{class:"token punctuation"},"}"),s(`
  287. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-arrow)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  288. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" none "),n("span",{class:"token important"},"!important"),n("span",{class:"token punctuation"},";"),s(`
  289. `),n("span",{class:"token punctuation"},"}"),s(`
  290. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  291. `),n("span",{class:"token property"},"bottom"),n("span",{class:"token punctuation"},":"),s(" 0px"),n("span",{class:"token punctuation"},";"),s(`
  292. `),n("span",{class:"token punctuation"},"}"),s(`
  293. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb li)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  294. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 60px"),n("span",{class:"token punctuation"},";"),s(`
  295. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 45px"),n("span",{class:"token punctuation"},";"),s(`
  296. `),n("span",{class:"token punctuation"},"}"),s(`
  297. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb li img)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  298. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 100%"),n("span",{class:"token punctuation"},";"),s(`
  299. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 100%"),n("span",{class:"token punctuation"},";"),s(`
  300. `),n("span",{class:"token property"},"filter"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"grayscale"),n("span",{class:"token punctuation"},"("),s("100%"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  301. `),n("span",{class:"token punctuation"},"}"),s(`
  302. `),n("span",{class:"token selector"},".ant-carousel :deep .slick-thumb li.slick-active img"),s(),n("span",{class:"token punctuation"},"{"),s(`
  303. `),n("span",{class:"token property"},"filter"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"grayscale"),n("span",{class:"token punctuation"},"("),s("0%"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  304. `),n("span",{class:"token punctuation"},"}"),s(`
  305. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  306. `)])],-1)])),jsVersionHtml:a(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  307. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"arrows"),s(),n("span",{class:"token attr-name"},"dots-class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("slick-dots slick-thumb"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  308. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#customPaging"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("props"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  309. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a")]),n("span",{class:"token punctuation"},">")]),s(`
  310. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("img")]),s(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("getImgUrl(props.i)"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  311. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a")]),n("span",{class:"token punctuation"},">")]),s(`
  312. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  313. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("item in 4"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
  314. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("img")]),s(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("baseUrl + 'abstract0' + item + '.jpg'"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  315. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  316. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  317. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  318. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  319. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  320. `),n("span",{class:"token keyword"},"const"),s(" baseUrl "),n("span",{class:"token operator"},"="),s(`
  321. `),n("span",{class:"token string"},"'https://raw.githubusercontent.com/vueComponent/ant-design-vue/next/components/vc-slick/assets/img/react-slick/'"),n("span",{class:"token punctuation"},";"),s(`
  322. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  323. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
  324. `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"getImgUrl"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token parameter"},"i"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
  325. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s("baseUrl"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"abstract0"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),s("i "),n("span",{class:"token operator"},"+"),s(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},".jpg"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),s(`
  326. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  327. `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
  328. baseUrl`),n("span",{class:"token punctuation"},","),s(`
  329. getImgUrl`),n("span",{class:"token punctuation"},","),s(`
  330. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  331. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  332. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  333. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  334. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  335. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  336. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-dots)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  337. `),n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),s(" relative"),n("span",{class:"token punctuation"},";"),s(`
  338. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" auto"),n("span",{class:"token punctuation"},";"),s(`
  339. `),n("span",{class:"token punctuation"},"}"),s(`
  340. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide img)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  341. `),n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),s(" 5px solid #fff"),n("span",{class:"token punctuation"},";"),s(`
  342. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" block"),n("span",{class:"token punctuation"},";"),s(`
  343. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),s(" auto"),n("span",{class:"token punctuation"},";"),s(`
  344. `),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),s(" 80%"),n("span",{class:"token punctuation"},";"),s(`
  345. `),n("span",{class:"token punctuation"},"}"),s(`
  346. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-arrow)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  347. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" none "),n("span",{class:"token important"},"!important"),n("span",{class:"token punctuation"},";"),s(`
  348. `),n("span",{class:"token punctuation"},"}"),s(`
  349. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  350. `),n("span",{class:"token property"},"bottom"),n("span",{class:"token punctuation"},":"),s(" 0px"),n("span",{class:"token punctuation"},";"),s(`
  351. `),n("span",{class:"token punctuation"},"}"),s(`
  352. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb li)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  353. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 60px"),n("span",{class:"token punctuation"},";"),s(`
  354. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 45px"),n("span",{class:"token punctuation"},";"),s(`
  355. `),n("span",{class:"token punctuation"},"}"),s(`
  356. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-thumb li img)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  357. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 100%"),n("span",{class:"token punctuation"},";"),s(`
  358. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 100%"),n("span",{class:"token punctuation"},";"),s(`
  359. `),n("span",{class:"token property"},"filter"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"grayscale"),n("span",{class:"token punctuation"},"("),s("100%"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  360. `),n("span",{class:"token punctuation"},"}"),s(`
  361. `),n("span",{class:"token selector"},".ant-carousel :deep .slick-thumb li.slick-active img"),s(),n("span",{class:"token punctuation"},"{"),s(`
  362. `),n("span",{class:"token property"},"filter"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"grayscale"),n("span",{class:"token punctuation"},"("),s("0%"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  363. `),n("span",{class:"token punctuation"},"}"),s(`
  364. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  365. `)])],-1)])),_:1})}var S=g(_,[["render",M],["__scopeId","data-v-d0538028"]]);const O=b({components:{LeftCircleOutlined:x,RightCircleOutlined:P}}),Q={class:"custom-slick-arrow",style:{left:"10px",zindex:"1"}},U={class:"custom-slick-arrow",style:{right:"10px"}};function T(p,t,l,u,m,h){const e=o("left-circle-outlined"),r=o("right-circle-outlined"),k=o("a-carousel"),C=o("demo-box");return i(),d(C,{jsfiddle:{us:"Custom arrows display",cn:"\u81EA\u5B9A\u4E49\u7BAD\u5934\u5C55\u793A\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  366. <p>\u81EA\u5B9A\u4E49\u7BAD\u5934\u5C55\u793A\u3002</p>
  367. <h2 id="en-us">en-US</h2>
  368. <p>Custom arrows display</p>
  369. `,order:5,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u7BAD\u5934","en-US":"Custom Arrows"},relativePath:"src/docs/carousel/demo/customArrows.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGFycm93cz4KICAgIDx0ZW1wbGF0ZSAjcHJldkFycm93PgogICAgICA8ZGl2IGNsYXNzPSJjdXN0b20tc2xpY2stYXJyb3ciIHN0eWxlPSJsZWZ0OiAxMHB4OyB6aW5kZXg6IDEiPgogICAgICAgIDxsZWZ0LWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI25leHRBcnJvdz4KICAgICAgPGRpdiBjbGFzcz0iY3VzdG9tLXNsaWNrLWFycm93IiBzdHlsZT0icmlnaHQ6IDEwcHgiPgogICAgICAgIDxyaWdodC1jaXJjbGUtb3V0bGluZWQgLz4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPGRpdj48aDM+MTwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4yPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjM8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+NDwvaDM+PC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgTGVmdENpcmNsZU91dGxpbmVkLCBSaWdodENpcmNsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBMZWZ0Q2lyY2xlT3V0bGluZWQsCiAgICBSaWdodENpcmNsZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLyogRm9yIGRlbW8gKi8KLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUpIHsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgaGVpZ2h0OiAxNjBweDsKICBsaW5lLWhlaWdodDogMTYwcHg7CiAgYmFja2dyb3VuZDogIzM2NGQ3OTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1hcnJvdy5jdXN0b20tc2xpY2stYXJyb3cpIHsKICB3aWR0aDogMjVweDsKICBoZWlnaHQ6IDI1cHg7CiAgZm9udC1zaXplOiAyNXB4OwogIGNvbG9yOiAjZmZmOwogIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzEsIDQ1LCA2MSwgMC4xMSk7CiAgb3BhY2l0eTogMC4zOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLmN1c3RvbS1zbGljay1hcnJvdzpiZWZvcmUpIHsKICBkaXNwbGF5OiBub25lOwp9Ci5hbnQtY2Fyb3VzZWwgOmRlZXAoLmN1c3RvbS1zbGljay1hcnJvdzpob3ZlcikgewogIG9wYWNpdHk6IDAuNTsKfQoKLmFudC1jYXJvdXNlbCA6ZGVlcCguc2xpY2stc2xpZGUgaDMpIHsKICBjb2xvcjogI2ZmZjsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWNhcm91c2VsIGFycm93cz4KICAgIDx0ZW1wbGF0ZSAjcHJldkFycm93PgogICAgICA8ZGl2IGNsYXNzPSJjdXN0b20tc2xpY2stYXJyb3ciIHN0eWxlPSJsZWZ0OiAxMHB4OyB6aW5kZXg6IDEiPgogICAgICAgIDxsZWZ0LWNpcmNsZS1vdXRsaW5lZCAvPgogICAgICA8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI25leHRBcnJvdz4KICAgICAgPGRpdiBjbGFzcz0iY3VzdG9tLXNsaWNrLWFycm93IiBzdHlsZT0icmlnaHQ6IDEwcHgiPgogICAgICAgIDxyaWdodC1jaXJjbGUtb3V0bGluZWQgLz4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPGRpdj48aDM+MTwvaDM+PC9kaXY+CiAgICA8ZGl2PjxoMz4yPC9oMz48L2Rpdj4KICAgIDxkaXY+PGgzPjM8L2gzPjwvZGl2PgogICAgPGRpdj48aDM+NDwvaDM+PC9kaXY+CiAgPC9hLWNhcm91c2VsPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBMZWZ0Q2lyY2xlT3V0bGluZWQsIFJpZ2h0Q2lyY2xlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIExlZnRDaXJjbGVPdXRsaW5lZCwKICAgIFJpZ2h0Q2lyY2xlT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgovKiBGb3IgZGVtbyAqLwouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSkgewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBoZWlnaHQ6IDE2MHB4OwogIGxpbmUtaGVpZ2h0OiAxNjBweDsKICBiYWNrZ3JvdW5kOiAjMzY0ZDc5OwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5hbnQtY2Fyb3VzZWwgOmRlZXAoLnNsaWNrLWFycm93LmN1c3RvbS1zbGljay1hcnJvdykgewogIHdpZHRoOiAyNXB4OwogIGhlaWdodDogMjVweDsKICBmb250LXNpemU6IDI1cHg7CiAgY29sb3I6ICNmZmY7CiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMSwgNDUsIDYxLCAwLjExKTsKICBvcGFjaXR5OiAwLjM7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguY3VzdG9tLXNsaWNrLWFycm93OmJlZm9yZSkgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmFudC1jYXJvdXNlbCA6ZGVlcCguY3VzdG9tLXNsaWNrLWFycm93OmhvdmVyKSB7CiAgb3BhY2l0eTogMC41Owp9CgouYW50LWNhcm91c2VsIDpkZWVwKC5zbGljay1zbGlkZSBoMykgewogIGNvbG9yOiAjZmZmOwp9Cjwvc3R5bGU+"}},{default:a(()=>[c(k,{arrows:""},{prevArrow:a(()=>[n("div",Q,[c(e)])]),nextArrow:a(()=>[n("div",U,[c(r)])]),default:a(()=>[t[0]||(t[0]=n("div",null,[n("h3",null,"1")],-1)),t[1]||(t[1]=n("div",null,[n("h3",null,"2")],-1)),t[2]||(t[2]=n("div",null,[n("h3",null,"3")],-1)),t[3]||(t[3]=n("div",null,[n("h3",null,"4")],-1))]),_:1,__:[0,1,2,3]})]),htmlCode:a(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  370. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"arrows"),n("span",{class:"token punctuation"},">")]),s(`
  371. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#prevArrow"),n("span",{class:"token punctuation"},">")]),s(`
  372. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("custom-slick-arrow"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"left"),n("span",{class:"token punctuation"},":"),s(" 10px"),n("span",{class:"token punctuation"},";"),s(),n("span",{class:"token property"},"zindex"),n("span",{class:"token punctuation"},":"),s(" 1")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  373. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("left-circle-outlined")]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  374. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  375. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  376. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#nextArrow"),n("span",{class:"token punctuation"},">")]),s(`
  377. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("custom-slick-arrow"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),s(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  378. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("right-circle-outlined")]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  379. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  380. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  381. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  382. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  383. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  384. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  385. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  386. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  387. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  388. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" LeftCircleOutlined"),n("span",{class:"token punctuation"},","),s(" RightCircleOutlined "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),s(`
  389. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  390. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  391. `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"{"),s(`
  392. LeftCircleOutlined`),n("span",{class:"token punctuation"},","),s(`
  393. RightCircleOutlined`),n("span",{class:"token punctuation"},","),s(`
  394. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  395. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  396. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  397. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  398. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  399. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  400. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  401. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  402. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  403. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  404. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  405. `),n("span",{class:"token punctuation"},"}"),s(`
  406. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-arrow.custom-slick-arrow)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  407. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  408. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  409. `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  410. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  411. `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),s("31"),n("span",{class:"token punctuation"},","),s(" 45"),n("span",{class:"token punctuation"},","),s(" 61"),n("span",{class:"token punctuation"},","),s(" 0.11"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  412. `),n("span",{class:"token property"},"opacity"),n("span",{class:"token punctuation"},":"),s(" 0.3"),n("span",{class:"token punctuation"},";"),s(`
  413. `),n("span",{class:"token punctuation"},"}"),s(`
  414. `),n("span",{class:"token selector"},".ant-carousel :deep(.custom-slick-arrow:before)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  415. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" none"),n("span",{class:"token punctuation"},";"),s(`
  416. `),n("span",{class:"token punctuation"},"}"),s(`
  417. `),n("span",{class:"token selector"},".ant-carousel :deep(.custom-slick-arrow:hover)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  418. `),n("span",{class:"token property"},"opacity"),n("span",{class:"token punctuation"},":"),s(" 0.5"),n("span",{class:"token punctuation"},";"),s(`
  419. `),n("span",{class:"token punctuation"},"}"),s(`
  420. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  421. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  422. `),n("span",{class:"token punctuation"},"}"),s(`
  423. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  424. `)])],-1)])),jsVersionHtml:a(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  425. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-carousel")]),s(),n("span",{class:"token attr-name"},"arrows"),n("span",{class:"token punctuation"},">")]),s(`
  426. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#prevArrow"),n("span",{class:"token punctuation"},">")]),s(`
  427. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("custom-slick-arrow"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"left"),n("span",{class:"token punctuation"},":"),s(" 10px"),n("span",{class:"token punctuation"},";"),s(),n("span",{class:"token property"},"zindex"),n("span",{class:"token punctuation"},":"),s(" 1")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  428. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("left-circle-outlined")]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  429. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  430. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  431. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#nextArrow"),n("span",{class:"token punctuation"},">")]),s(`
  432. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("custom-slick-arrow"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),s(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
  433. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("right-circle-outlined")]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  434. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  435. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  436. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  437. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  438. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  439. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("h3")]),n("span",{class:"token punctuation"},">")]),s("4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("h3")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  440. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("a-carousel")]),n("span",{class:"token punctuation"},">")]),s(`
  441. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  442. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  443. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" LeftCircleOutlined"),n("span",{class:"token punctuation"},","),s(" RightCircleOutlined "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),s(`
  444. `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
  445. `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
  446. `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"{"),s(`
  447. LeftCircleOutlined`),n("span",{class:"token punctuation"},","),s(`
  448. RightCircleOutlined`),n("span",{class:"token punctuation"},","),s(`
  449. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  450. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  451. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  452. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("style")]),s(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[s(`
  453. `),n("span",{class:"token comment"},"/* For demo */"),s(`
  454. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  455. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),s(" center"),n("span",{class:"token punctuation"},";"),s(`
  456. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  457. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),s(" 160px"),n("span",{class:"token punctuation"},";"),s(`
  458. `),n("span",{class:"token property"},"background"),n("span",{class:"token punctuation"},":"),s(" #364d79"),n("span",{class:"token punctuation"},";"),s(`
  459. `),n("span",{class:"token property"},"overflow"),n("span",{class:"token punctuation"},":"),s(" hidden"),n("span",{class:"token punctuation"},";"),s(`
  460. `),n("span",{class:"token punctuation"},"}"),s(`
  461. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-arrow.custom-slick-arrow)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  462. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  463. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  464. `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),s(" 25px"),n("span",{class:"token punctuation"},";"),s(`
  465. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  466. `),n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),s(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),s("31"),n("span",{class:"token punctuation"},","),s(" 45"),n("span",{class:"token punctuation"},","),s(" 61"),n("span",{class:"token punctuation"},","),s(" 0.11"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  467. `),n("span",{class:"token property"},"opacity"),n("span",{class:"token punctuation"},":"),s(" 0.3"),n("span",{class:"token punctuation"},";"),s(`
  468. `),n("span",{class:"token punctuation"},"}"),s(`
  469. `),n("span",{class:"token selector"},".ant-carousel :deep(.custom-slick-arrow:before)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  470. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),s(" none"),n("span",{class:"token punctuation"},";"),s(`
  471. `),n("span",{class:"token punctuation"},"}"),s(`
  472. `),n("span",{class:"token selector"},".ant-carousel :deep(.custom-slick-arrow:hover)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  473. `),n("span",{class:"token property"},"opacity"),n("span",{class:"token punctuation"},":"),s(" 0.5"),n("span",{class:"token punctuation"},";"),s(`
  474. `),n("span",{class:"token punctuation"},"}"),s(`
  475. `),n("span",{class:"token selector"},".ant-carousel :deep(.slick-slide h3)"),s(),n("span",{class:"token punctuation"},"{"),s(`
  476. `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),s(" #fff"),n("span",{class:"token punctuation"},";"),s(`
  477. `),n("span",{class:"token punctuation"},"}"),s(`
  478. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("style")]),n("span",{class:"token punctuation"},">")]),s(`
  479. `)])],-1)])),_:1})}var E=g(O,[["render",T],["__scopeId","data-v-175b08a4"]]);const $={pageData:{title:"Carousel",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Carousel",subtitle:"\u8D70\u9A6C\u706F",cover:"https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:""},{level:2,title:"\u65B9\u6CD5",slug:"\u65B9\u6CD5",content:""}],relativePath:"src/docs/carousel/index.zh-CN.md",content:`
  480. \u65CB\u8F6C\u6728\u9A6C\uFF0C\u4E00\u7EC4\u8F6E\u64AD\u7684\u533A\u57DF\u3002
  481. ## \u4F55\u65F6\u4F7F\u7528
  482. - \u5F53\u6709\u4E00\u7EC4\u5E73\u7EA7\u7684\u5185\u5BB9\u3002
  483. - \u5F53\u5185\u5BB9\u7A7A\u95F4\u4E0D\u8DB3\u65F6\uFF0C\u53EF\u4EE5\u7528\u8D70\u9A6C\u706F\u7684\u5F62\u5F0F\u8FDB\u884C\u6536\u7EB3\uFF0C\u8FDB\u884C\u8F6E\u64AD\u5C55\u73B0\u3002
  484. - \u5E38\u7528\u4E8E\u4E00\u7EC4\u56FE\u7247\u6216\u5361\u7247\u8F6E\u64AD\u3002
  485. ## API
  486. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
  487. | --- | --- | --- | --- | --- |
  488. | afterChange | \u5207\u6362\u9762\u677F\u7684\u56DE\u8C03 | function(current) | \u65E0 | |
  489. | autoplay | \u662F\u5426\u81EA\u52A8\u5207\u6362 | boolean | false | |
  490. | beforeChange | \u5207\u6362\u9762\u677F\u7684\u56DE\u8C03 | function(from, to) | \u65E0 | |
  491. | dotPosition | \u9762\u677F\u6307\u793A\u70B9\u4F4D\u7F6E\uFF0C\u53EF\u9009 \`top\` \`bottom\` \`left\` \`right\` | string | bottom | 1.5.0 |
  492. | dots | \u662F\u5426\u663E\u793A\u9762\u677F\u6307\u793A\u70B9 | boolean | true | |
  493. | dotsClass | \u9762\u677F\u6307\u793A\u70B9\u7C7B\u540D | string | \`slick-dots\` | |
  494. | easing | \u52A8\u753B\u6548\u679C | string | linear | |
  495. | effect | \u52A8\u753B\u6548\u679C\u51FD\u6570\uFF0C\u53EF\u53D6 scrollx, fade | string | scrollx | |
  496. ## \u65B9\u6CD5
  497. | \u540D\u79F0 | \u63CF\u8FF0 | \u7248\u672C |
  498. | ------------------------------ | ------------------------------------------------- | ---- |
  499. | goTo(slideNumber, dontAnimate) | \u5207\u6362\u5230\u6307\u5B9A\u9762\u677F, dontAnimate = true \u65F6\uFF0C\u4E0D\u4F7F\u7528\u52A8\u753B | |
  500. | next() | \u5207\u6362\u5230\u4E0B\u4E00\u9762\u677F | |
  501. | prev() | \u5207\u6362\u5230\u4E0A\u4E00\u9762\u677F | |
  502. \u66F4\u591A\u53C2\u6570\u53EF\u53C2\u8003\uFF1A[vc-slick props](https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3)
  503. `,html:`<p>\u65CB\u8F6C\u6728\u9A6C\uFF0C\u4E00\u7EC4\u8F6E\u64AD\u7684\u533A\u57DF\u3002</p>
  504. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
  505. <ul>
  506. <li>\u5F53\u6709\u4E00\u7EC4\u5E73\u7EA7\u7684\u5185\u5BB9\u3002</li>
  507. <li>\u5F53\u5185\u5BB9\u7A7A\u95F4\u4E0D\u8DB3\u65F6\uFF0C\u53EF\u4EE5\u7528\u8D70\u9A6C\u706F\u7684\u5F62\u5F0F\u8FDB\u884C\u6536\u7EB3\uFF0C\u8FDB\u884C\u8F6E\u64AD\u5C55\u73B0\u3002</li>
  508. <li>\u5E38\u7528\u4E8E\u4E00\u7EC4\u56FE\u7247\u6216\u5361\u7247\u8F6E\u64AD\u3002</li>
  509. </ul>
  510. <h2 id="api">API</h2>
  511. <table>
  512. <thead>
  513. <tr>
  514. <th>\u53C2\u6570</th>
  515. <th>\u8BF4\u660E</th>
  516. <th>\u7C7B\u578B</th>
  517. <th>\u9ED8\u8BA4\u503C</th>
  518. <th>\u7248\u672C</th>
  519. </tr>
  520. </thead>
  521. <tbody>
  522. <tr>
  523. <td>afterChange</td>
  524. <td>\u5207\u6362\u9762\u677F\u7684\u56DE\u8C03</td>
  525. <td>function(current)</td>
  526. <td>\u65E0</td>
  527. <td></td>
  528. </tr>
  529. <tr>
  530. <td>autoplay</td>
  531. <td>\u662F\u5426\u81EA\u52A8\u5207\u6362</td>
  532. <td>boolean</td>
  533. <td>false</td>
  534. <td></td>
  535. </tr>
  536. <tr>
  537. <td>beforeChange</td>
  538. <td>\u5207\u6362\u9762\u677F\u7684\u56DE\u8C03</td>
  539. <td>function(from, to)</td>
  540. <td>\u65E0</td>
  541. <td></td>
  542. </tr>
  543. <tr>
  544. <td>dotPosition</td>
  545. <td>\u9762\u677F\u6307\u793A\u70B9\u4F4D\u7F6E\uFF0C\u53EF\u9009 <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td>
  546. <td>string</td>
  547. <td>bottom</td>
  548. <td>1.5.0</td>
  549. </tr>
  550. <tr>
  551. <td>dots</td>
  552. <td>\u662F\u5426\u663E\u793A\u9762\u677F\u6307\u793A\u70B9</td>
  553. <td>boolean</td>
  554. <td>true</td>
  555. <td></td>
  556. </tr>
  557. <tr>
  558. <td>dotsClass</td>
  559. <td>\u9762\u677F\u6307\u793A\u70B9\u7C7B\u540D</td>
  560. <td>string</td>
  561. <td><code>slick-dots</code></td>
  562. <td></td>
  563. </tr>
  564. <tr>
  565. <td>easing</td>
  566. <td>\u52A8\u753B\u6548\u679C</td>
  567. <td>string</td>
  568. <td>linear</td>
  569. <td></td>
  570. </tr>
  571. <tr>
  572. <td>effect</td>
  573. <td>\u52A8\u753B\u6548\u679C\u51FD\u6570\uFF0C\u53EF\u53D6 scrollx, fade</td>
  574. <td>string</td>
  575. <td>scrollx</td>
  576. <td></td>
  577. </tr>
  578. </tbody>
  579. </table>
  580. <h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2>
  581. <table>
  582. <thead>
  583. <tr>
  584. <th>\u540D\u79F0</th>
  585. <th>\u63CF\u8FF0</th>
  586. <th>\u7248\u672C</th>
  587. </tr>
  588. </thead>
  589. <tbody>
  590. <tr>
  591. <td>goTo(slideNumber, dontAnimate)</td>
  592. <td>\u5207\u6362\u5230\u6307\u5B9A\u9762\u677F, dontAnimate = true \u65F6\uFF0C\u4E0D\u4F7F\u7528\u52A8\u753B</td>
  593. <td></td>
  594. </tr>
  595. <tr>
  596. <td>next()</td>
  597. <td>\u5207\u6362\u5230\u4E0B\u4E00\u9762\u677F</td>
  598. <td></td>
  599. </tr>
  600. <tr>
  601. <td>prev()</td>
  602. <td>\u5207\u6362\u5230\u4E0A\u4E00\u9762\u677F</td>
  603. <td></td>
  604. </tr>
  605. </tbody>
  606. </table>
  607. <p>\u66F4\u591A\u53C2\u6570\u53EF\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3" target="_blank" rel="noopener noreferrer">vc-slick props</a></p>
  608. `,lastUpdated:1748059052643}},q={class:"markdown"};function nn(p,t,l,u,m,h){return i(),I("article",q,t[0]||(t[0]=[Z('<p>\u65CB\u8F6C\u6728\u9A6C\uFF0C\u4E00\u7EC4\u8F6E\u64AD\u7684\u533A\u57DF\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><ul><li>\u5F53\u6709\u4E00\u7EC4\u5E73\u7EA7\u7684\u5185\u5BB9\u3002</li><li>\u5F53\u5185\u5BB9\u7A7A\u95F4\u4E0D\u8DB3\u65F6\uFF0C\u53EF\u4EE5\u7528\u8D70\u9A6C\u706F\u7684\u5F62\u5F0F\u8FDB\u884C\u6536\u7EB3\uFF0C\u8FDB\u884C\u8F6E\u64AD\u5C55\u73B0\u3002</li><li>\u5E38\u7528\u4E8E\u4E00\u7EC4\u56FE\u7247\u6216\u5361\u7247\u8F6E\u64AD\u3002</li></ul><h2 id="api">API</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>afterChange</td><td>\u5207\u6362\u9762\u677F\u7684\u56DE\u8C03</td><td>function(current)</td><td>\u65E0</td><td></td></tr><tr><td>autoplay</td><td>\u662F\u5426\u81EA\u52A8\u5207\u6362</td><td>boolean</td><td>false</td><td></td></tr><tr><td>beforeChange</td><td>\u5207\u6362\u9762\u677F\u7684\u56DE\u8C03</td><td>function(from, to)</td><td>\u65E0</td><td></td></tr><tr><td>dotPosition</td><td>\u9762\u677F\u6307\u793A\u70B9\u4F4D\u7F6E\uFF0C\u53EF\u9009 <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td><td>string</td><td>bottom</td><td>1.5.0</td></tr><tr><td>dots</td><td>\u662F\u5426\u663E\u793A\u9762\u677F\u6307\u793A\u70B9</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dotsClass</td><td>\u9762\u677F\u6307\u793A\u70B9\u7C7B\u540D</td><td>string</td><td><code>slick-dots</code></td><td></td></tr><tr><td>easing</td><td>\u52A8\u753B\u6548\u679C</td><td>string</td><td>linear</td><td></td></tr><tr><td>effect</td><td>\u52A8\u753B\u6548\u679C\u51FD\u6570\uFF0C\u53EF\u53D6 scrollx, fade</td><td>string</td><td>scrollx</td><td></td></tr></tbody></table><h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>goTo(slideNumber, dontAnimate)</td><td>\u5207\u6362\u5230\u6307\u5B9A\u9762\u677F, dontAnimate = true \u65F6\uFF0C\u4E0D\u4F7F\u7528\u52A8\u753B</td><td></td></tr><tr><td>next()</td><td>\u5207\u6362\u5230\u4E0B\u4E00\u9762\u677F</td><td></td></tr><tr><td>prev()</td><td>\u5207\u6362\u5230\u4E0A\u4E00\u9762\u677F</td><td></td></tr></tbody></table><p>\u66F4\u591A\u53C2\u6570\u53EF\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3" target="_blank" rel="noopener noreferrer">vc-slick props</a></p>',8)]))}var sn=g($,[["render",nn]]);const tn={pageData:{title:"Carousel",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Carousel",cover:"https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:""},{level:2,title:"Methods",slug:"methods",content:""}],relativePath:"src/docs/carousel/index.en-US.md",content:`
  609. A carousel component. Scales with its container.
  610. ## When To Use
  611. - When there is a group of content on the same level.
  612. - When there is insufficient content space, it can be used to save space in the form of a revolving door.
  613. - Commonly used for a group of pictures/cards.
  614. ## API
  615. | Property | Description | Type | Default | Version |
  616. | --- | --- | --- | --- | --- |
  617. | afterChange | Callback function called after the current index changes | function(current) | - | |
  618. | autoplay | Whether to scroll automatically | boolean | \`false\` | |
  619. | beforeChange | Callback function called before the current index changes | function(from, to) | - | |
  620. | dots | Whether to show the dots at the bottom of the gallery | boolean | \`true\` | |
  621. | dotPosition | The position of the dots, which can be one of \`top\` \`bottom\` \`left\` \`right\` | string | bottom | 1.5.0 |
  622. | dotsClass | Class name of the dots | string | \`slick-dots\` | |
  623. | easing | Transition interpolation function name | string | \`linear\` | |
  624. | effect | Transition effect | \`scrollx\` \\| \`fade\` | \`scrollx\` | |
  625. ## Methods
  626. | Name | Description | Version |
  627. | --- | --- | --- |
  628. | goTo(slideNumber, dontAnimate) | Go to slide index, if dontAnimate=true, it happens without animation | |
  629. | next() | Change current slide to next slide | |
  630. | prev() | Change current slide to previous slide | |
  631. For more info on the parameters, refer to the [vc-slick props](https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3)
  632. `,html:`<p>A carousel component. Scales with its container.</p>
  633. <h2 id="when-to-use">When To Use</h2>
  634. <ul>
  635. <li>When there is a group of content on the same level.</li>
  636. <li>When there is insufficient content space, it can be used to save space in the form of a revolving door.</li>
  637. <li>Commonly used for a group of pictures/cards.</li>
  638. </ul>
  639. <h2 id="api">API</h2>
  640. <table>
  641. <thead>
  642. <tr>
  643. <th>Property</th>
  644. <th>Description</th>
  645. <th>Type</th>
  646. <th>Default</th>
  647. <th>Version</th>
  648. </tr>
  649. </thead>
  650. <tbody>
  651. <tr>
  652. <td>afterChange</td>
  653. <td>Callback function called after the current index changes</td>
  654. <td>function(current)</td>
  655. <td>-</td>
  656. <td></td>
  657. </tr>
  658. <tr>
  659. <td>autoplay</td>
  660. <td>Whether to scroll automatically</td>
  661. <td>boolean</td>
  662. <td><code>false</code></td>
  663. <td></td>
  664. </tr>
  665. <tr>
  666. <td>beforeChange</td>
  667. <td>Callback function called before the current index changes</td>
  668. <td>function(from, to)</td>
  669. <td>-</td>
  670. <td></td>
  671. </tr>
  672. <tr>
  673. <td>dots</td>
  674. <td>Whether to show the dots at the bottom of the gallery</td>
  675. <td>boolean</td>
  676. <td><code>true</code></td>
  677. <td></td>
  678. </tr>
  679. <tr>
  680. <td>dotPosition</td>
  681. <td>The position of the dots, which can be one of <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td>
  682. <td>string</td>
  683. <td>bottom</td>
  684. <td>1.5.0</td>
  685. </tr>
  686. <tr>
  687. <td>dotsClass</td>
  688. <td>Class name of the dots</td>
  689. <td>string</td>
  690. <td><code>slick-dots</code></td>
  691. <td></td>
  692. </tr>
  693. <tr>
  694. <td>easing</td>
  695. <td>Transition interpolation function name</td>
  696. <td>string</td>
  697. <td><code>linear</code></td>
  698. <td></td>
  699. </tr>
  700. <tr>
  701. <td>effect</td>
  702. <td>Transition effect</td>
  703. <td><code>scrollx</code> | <code>fade</code></td>
  704. <td><code>scrollx</code></td>
  705. <td></td>
  706. </tr>
  707. </tbody>
  708. </table>
  709. <h2 id="methods">Methods</h2>
  710. <table>
  711. <thead>
  712. <tr>
  713. <th>Name</th>
  714. <th>Description</th>
  715. <th>Version</th>
  716. </tr>
  717. </thead>
  718. <tbody>
  719. <tr>
  720. <td>goTo(slideNumber, dontAnimate)</td>
  721. <td>Go to slide index, if dontAnimate=true, it happens without animation</td>
  722. <td></td>
  723. </tr>
  724. <tr>
  725. <td>next()</td>
  726. <td>Change current slide to next slide</td>
  727. <td></td>
  728. </tr>
  729. <tr>
  730. <td>prev()</td>
  731. <td>Change current slide to previous slide</td>
  732. <td></td>
  733. </tr>
  734. </tbody>
  735. </table>
  736. <p>For more info on the parameters, refer to the <a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3" target="_blank" rel="noopener noreferrer">vc-slick props</a></p>
  737. `,lastUpdated:1748059052643}},an={class:"markdown"};function on(p,t,l,u,m,h){return i(),I("article",an,t[0]||(t[0]=[Z('<p>A carousel component. Scales with its container.</p><h2 id="when-to-use">When To Use</h2><ul><li>When there is a group of content on the same level.</li><li>When there is insufficient content space, it can be used to save space in the form of a revolving door.</li><li>Commonly used for a group of pictures/cards.</li></ul><h2 id="api">API</h2><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>afterChange</td><td>Callback function called after the current index changes</td><td>function(current)</td><td>-</td><td></td></tr><tr><td>autoplay</td><td>Whether to scroll automatically</td><td>boolean</td><td><code>false</code></td><td></td></tr><tr><td>beforeChange</td><td>Callback function called before the current index changes</td><td>function(from, to)</td><td>-</td><td></td></tr><tr><td>dots</td><td>Whether to show the dots at the bottom of the gallery</td><td>boolean</td><td><code>true</code></td><td></td></tr><tr><td>dotPosition</td><td>The position of the dots, which can be one of <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td><td>string</td><td>bottom</td><td>1.5.0</td></tr><tr><td>dotsClass</td><td>Class name of the dots</td><td>string</td><td><code>slick-dots</code></td><td></td></tr><tr><td>easing</td><td>Transition interpolation function name</td><td>string</td><td><code>linear</code></td><td></td></tr><tr><td>effect</td><td>Transition effect</td><td><code>scrollx</code> | <code>fade</code></td><td><code>scrollx</code></td><td></td></tr></tbody></table><h2 id="methods">Methods</h2><table><thead><tr><th>Name</th><th>Description</th><th>Version</th></tr></thead><tbody><tr><td>goTo(slideNumber, dontAnimate)</td><td>Go to slide index, if dontAnimate=true, it happens without animation</td><td></td></tr><tr><td>next()</td><td>Change current slide to next slide</td><td></td></tr><tr><td>prev()</td><td>Change current slide to previous slide</td><td></td></tr></tbody></table><p>For more info on the parameters, refer to the <a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/vc-slick/src/default-props.js#L3" target="_blank" rel="noopener noreferrer">vc-slick props</a></p>',8)]))}var cn=g(tn,[["render",on]]);const pn=b({CN:sn,US:cn,components:{Basic:Y,Fade:B,Autoplay:L,Position:K,CustomPaging:S,CustomArrows:E}});function en(p,t,l,u,m,h){const e=o("Basic"),r=o("Position"),k=o("Fade"),C=o("Autoplay"),v=o("CustomPaging"),A=o("CustomArrows"),G=o("demo-sort");return i(),d(G,{cols:1},{default:a(()=>[c(e),c(r),c(k),c(C),c(v),c(A)]),_:1})}var kn=g(pn,[["render",en]]);export{kn as default};