平台兼容性
uni-app
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
使用说明
首先导入然后注册组件cucu-lunbo
<cucu-lunbo :time="time" :imageurl="imageurl" @send-message="getMessage">
time
轮播切换时间,1000=1秒
imageurl 图片数组
return { time: 5000, imageurl:[{url:"../../static/cucu-sign/about.png"}
, {url:"../../static/cucu-sign/custom.png"}, {url:"../../static/cucu-sign/idCard.png"}, {url:"../../static/cucu-sign/help.png"}, {url:"../../static/cucu-sign/credit.png"},], }
- getMessage 回调函数,获取当前点击图片的index值
下载后直接拖入项目,有实例