@include 'common'

## 基本

轮播组件共有两种类型：单图轮播和多图同时轮播。 在默认模式下（不指定任何属性值），轮播组件为单图轮播模式。
@include 'demo1'

## 多图轮播

在单图轮播的基础上，通过指定slidesToShow属性值，可以同时进行多图轮播。 可以通过 slidesToScroll 属性制定单次轮播图片的个数。
@include 'demo2'

## 垂直滑动

轮播组件可以通过 slideDirection 属性设置两种轮播方向。当值为 ver 时轮播方向为垂直方向， 默认为值为 hoz 。垂直模式也可以设置单图和多图轮播。
@include 'demo3'

## 导航按钮尺寸

可以通过arrowSize属性来更改导航组件的按钮尺寸，默认值为normal， 对特定场景，比如展示的图片较大的情况下，可以选择large，将导航按钮设置为大按钮。
@include 'demo4'

## 导航锚点方向 

通过 dotsDirection 可以改变导航锚点的位置，默认为 hoz 即水平方向。 当其值设为 ver 时为垂直方向展示。
@include 'demo5'

## 导航锚点触发方式 

通过 triggerType 可以定义dots触发方式，共有两种触发方式：['click', 'hover']; 当其值设为 hover 时为鼠标经过触发滚动。
@include 'demo6'

## 自定义导航锚点

通过 dotsRender 可以自定义修改dost，通过 dotsClass 可覆盖dots的样式。
@include 'demo7'

## 自定义导航箭头

开发者可以通过 prevArrow 和 nextArrow 两个属性传入自定义的导航箭头组件。
@include 'demo8'

## 导航箭头位置

轮播组件的导航按钮在默认情况下为内置模式。在多图同时导航的情况下，如果想要使用外置按钮， 可以通过指定arrowPosition的属性值为outer，使用外置按钮，其默认值为inner。
@include 'demo9'

## 自动播放

可以通过 autoplay 和 autoplaySpeed 属性来设置组件是否自动轮播 和 自动轮播的速度。
@include 'demo10'

## 禁止循环 

默认情况下，轮播组件的表现为无穷循环模式。如果你不想无穷循环， 可以通过设置 infinite 为 false，用来禁止循环模式。

值得注意的是，由于组件的默认行为是无穷模式，所以默认情况下，自动将单张图片复制了两份， 如果你不想启用这样的复制效果，只要关闭 infinite 属性即可。
@include 'demo11'

## 悬浮时暂停 

可以通过设置 pauseOnHover 属性为 true 使得 Slide 在鼠标悬浮时自动停止轮播。
@include 'demo12'

## 外部控制 

用户可以包装 Slider 组件，以便进行外部控制。例如通过包装组件实现外部对 Slider 组件 autoplay 和 autoplaySpeed 值的控制。
@include 'demo13'

## 居中模式 

居中模式可以突出显示最核心区域的内容，您可以通过设置 centerMode 属性址为 true 开启该功能。
@include 'demo14'

## ActiveIndex 

通过 index 属性可以快速的定位到指定次序的 slider 。
@include 'demo15'

## 不同的图片宽度

Slider 在默认情况下会认为所有的子元素是等宽的。 通过设置 variableWidth 为 true，您可以在 Slider 中放置不同宽度的图片。
@include 'demo16'

## 使用自定义组件

你可以为传递自定义组件到 Slider 组件中。前提是该组件一定要开放透传 props 到下层组件或元素，Slider 底层需要执行元素的 clone 操作。
@include 'demo17'

## 弹出来的跑马灯

如果你要将 Slider 放到 Dialog 中，此时你需要关闭 Dialog 的动画，避免 Slider 在计算内部元素宽度时造成出错。
@include 'demo18'

## Fade

切换跑马灯时使用渐变效果。
@include 'demo19'

## onChange 钩子

你可以利用 onChange 钩子函数处理一些额外的逻辑。
@include 'demo20'