Carousel 走马灯
图片轮播。
vue
<ACarousel autoplay>
<div style="height:160px;background:#2080f0">Slide 1</div>
<div style="height:160px;background:#18a058">Slide 2</div>
<div style="height:160px;background:#f0a020">Slide 3</div>
</ACarousel>| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| autoplay | boolean | false | 自动播放 |
| interval | number | 3000 | 间隔 ms |
| showDots | boolean | true | 指示器 |
| showArrows | boolean | false | 箭头 |
FloatButton 浮动按钮
悬浮操作按钮。
vue
<AFloatButton type="primary" @click="handle">+</AFloatButton>| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | 'default'|'primary' | 'primary' | 类型 |
| shape | 'circle'|'square' | 'circle' | 形状 |
| right | number|string | 40 | 右侧距 |
| bottom | number|string | 40 | 底部距 |