6.8 KiB
6.8 KiB
::: anchor :::
::: title 基础使用 :::
::: demo
条目一
条目二
条目三
条目四
:::
::: title 不同方向与不同切换动画 :::
::: demo 通过 anim 属性来控制切换的放向与动画，支持 default左右切换(默认)、updown上线切换、fade渐隐渐显切换
条目一
条目二
条目三
条目四
条目一
条目二
条目三
条目四
条目一
条目二
条目三
条目四
:::
::: title 控制器位置 :::
::: demo
条目一
条目二
条目三
条目四
:::
::: title 动态遍历 :::
::: demo
{{ item.text }}
:::
::: title Carousel 属性 :::
::: table
| 属性 | 描述 | 类型 | 类型 | 可选值 |
|---|---|---|---|---|
| v-model | 当前激活项 | number |
-- | -- |
| anim | 切换方向 | string |
default |
default updown fade |
| indicator | 控制器位置 | string |
inside |
inside outside none |
| arrow | 切换按钮状态 | string |
hover |
hover always none |
| autoplay | 自动播放 | boolean |
true |
true false |
| interval | 轮播间隔 | number |
3000 |
-- |
:::
::: title Carousel 事件 :::
::: table
| 事件 | 描述 | 可选值 |
|---|---|---|
| change | 切换回调 | id |
:::
::: contributor carousel :::
::: previousNext carousel :::