更新记录
1.0.2(2025-12-03) 下载此版本
- 做了些优化,现在兼容h5网页、app、小程序,不支持uniappx。
1.0.1(2025-09-24) 下载此版本
- 样式修改
1.0.0(2025-09-16) 下载此版本
仿影院电影轮播图
查看更多平台兼容性
uni-app(4.75)
| Vue2 | Vue2插件版本 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | Android插件版本 | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.2 | - | - | - | - | - | √ | 1.0.2 | - | - |
| 微信小程序 | 微信小程序插件版本 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | 1.0.2 | - | - | - | - | - | - | - | - | - | - |
zv-mbanner
仿影院电影轮播效果
items 传入的轮播图数据 示例
<view class="content">
<zv-mbanner :items="item" @change="change"></zv-mbanner>
</view>
data() {
return {
item:[
{cover:'https://t15.baidu.com/it/u=1593561494,3216869836&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000'},
{cover:'https://t14.baidu.com/it/u=3642977680,131860746&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000'},
{cover:'https://t15.baidu.com/it/u=3608518558,582050215&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000'},
{cover:'https://t15.baidu.com/it/u=3212799568,3892834785&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000'},
{cover:'https://t14.baidu.com/it/u=4161826437,3411936147&fm=58&app=83&size=w931&q=75&n=0&f=JPEG&fmt=auto&maxorilen2heic=2000000'},
]
}
},
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| items | Array | null | 图片列表 |
| aTime | Number,String | 0.2 | 动画时间 单位s |
| select | Number | 0 | 默认展示的数组索引下标 |
change 轮播图变化时返回的事件,返回的是items数组下标

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 31
赞赏 0
下载 12275675
赞赏 1828
赞赏
京公网安备:11010802035340号