# 4.18 增强滑块（EP Slider）
增强版滑块组件，支持卡片式展示
# 基础用法
<template>
<dof-ep-slider :card-length="3" :select-index="0" @dofEpSliderChange="onChange"></dof-ep-slider>
</template>
1
2
3
2
3
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
slider-id | String | N | 1 | 滑块标识 |
pan-offset | Number | N | 80 | 拖动偏移量 |
card-length | Number | N | 1 | 卡片数量 |
select-index | Number | N | 0 | 当前选中索引 |
enable-swipe | Boolean | N | true | 是否启用滑动 |
container-s | Object | N | {} | 容器样式 |
card-s | Object | N | {} | 卡片样式 |
auto-play | Boolean | N | false | 是否自动播放 |
interval | Number | N | 1200 | 自动播放间隔 |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
dofEpSliderChange | 选中变化事件 | e.index |