# Slides 轮播图
在有限空间内,循环播放同一类型的图片、文字等内容
<g-slides :selected.sync="selected">
<g-slides-item name="1">
<div class="box">1</div>
</g-slides-item>
<g-slides-item name="2">
<div class="box">2</div>
</g-slides-item>
<g-slides-item name="3">
<div class="box">3</div>
</g-slides-item>
</g-slides>
TIP
- 轮播图大小根据用户的box自动适配
- 同时支持移动端的左右滑动
- 自动轮播模式下,鼠标移入时停止轮播,移出恢复轮播
# Slides Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selected | 当前选中项 name | String / Number | — | 第一项 |
autoPlay | 是否自动播放 | Boolean | true / false | false |
autoPlayDelay | 轮播间隔 | Number | — | 3000 |
# SlidesItem Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 当前项的标识 | String | — | — |