a universal slider(or called carousel) component
一个通用的轮播图(或走马灯)组件
bg标题显示- bg 增强
- 凸显模式增加
- btn显示模式增加
- 自定义template
你只需要下载组件,并将文件复制到你的项目中,注意 html
文件中 <body>
标签内的内容都是必须的,并配置相应的参数到 config.json
内即可使用该组件。
参数名 | 作用 |
---|---|
bg | 轮播图的背景集,通过 src 属性引入相应的图片,日后增加属性以增强功能 |
shownum | 一次展示的轮播图数量 |
rate | 放大比例,默认由边至中等差放大轮播图以起到凸显作用,日后增加强调模式以增强功能 |
autoplay | 是否自动轮播 |
autotime | 自动轮播间隔时间 |
indicator | 是否展示指示器 |
btn | 是否展示按钮,默认以hover方式显示出按钮,日后增加点击模式以增强功能 |
touchable | 是否支持移动端滑动 |
deltaTime | 移动端滑动的间隔时间上限,若滑动时间超过上限将会弹回上一页而不是到下一页 |
deltaX | 移动端滑动间隔,大于间隔才会跳转下一页 |
若你想自己配置相应的样式文件,以下是各文件说明
按钮的 css
文件
指示器的 css
文件
主 css
文件,上述的文件都在此文件中引入
引入所需的字体文件
预置的展示 css
,分别用于单张,三张与五张轮播的情况,仅作示范作用。