Skip to content

走马灯

何时使用

当有一组平级的内容。

当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。

常用于一组图片或卡片轮播。

全局样式

位置:默认位于图片内部置底位置,支持上下左右,4个方向

颜色:为了保障走马灯滑块同背景图片有足够的对比,在走马灯滑块底部设置透明度渐变蒙版

形状:走马灯形状默认使用线型,支持线型、圆点型、滑块型

位置

颜色

形状

交互

自动轮播:从上到下,从左到右,循环轮播,支持轮播速度曲线,幻灯片移动方向,幻灯片移动速度的自定义

手动点击:鼠标点击滑块,可定位到具体图片