@acorex/carousel 中文文档教程

Question

ACoreX Carousel

使用 acorex-carousel，您可以创建简单的幻灯片

Example html code

<ax-carousel duration="3000" [autoStart]="autoStart">
  <ax-carousel-item>
    <img src="http://placeimg.com/640/480/tech" />
  </ax-carousel-item>
  <ax-carousel-item>
    <img src="http://placeimg.com/640/480/architecture" />
  </ax-carousel-item>
  <ax-carousel-item>
    <img src="https://placeimg.com/640/480/arch" />
  </ax-carousel-item>
</ax-carousel>

Properties

SmartyPants 将 ASCII 标点字符转换为“智能”排版标点符号 HTML 实体。 例如：

Property	Type	Default
firstIndex	number	0
autoStart	boolean	true
duration	number	1000
infinitLoop	boolean	true
rightArrow	string	fas fa-chevron-right
leftArrow	string	fas fa-chevron-left
dotColor	string	#000
showDots	boolean	true
showArrows	boolean	false
cssClass	string	null
arrowClass	string	null