更新记录
1.0.1(2021-07-01)
无
1.0.0(2021-07-01)
第一版,动画功能不多,看情况添加
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
使用说明
本组件内容需要自己编辑,通过class获取动画,动画细节需要自己调整(添加)或者联系作者
使用方式
```javasCript
<!-- 在页面引入组件 -->
<qx-H5></qx-H5>
<!-- 可传参数 -->
props: {
// 自动切换 默认不自动
autoplay: {
type: Boolean,
default: false
},
// 自动切换时间间隔 默认5秒
interval: {
type: Number,
default: 5000
},
// 是否采用衔接滑动,即播放到末尾后重新回到开头 默认开启
circular: {
type: Boolean,
default: true
},
// 是否启动背景音乐
is_music:{
type: Boolean,
default: true
},
// 音乐地址
musicUrl:{
type:String,
// 音乐地址测试用的,记得换
default: ''
}
},
// 样式写在common文件中,请在css中查看
```
效果展示
示例工程
本组件就是一个示例
如有问题,欢迎联系作者
wx: qianduanQX