更新记录

1.0.0（2023-05-14）

1.0.0

平台兼容性

Vue2 Vue3
√ √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue √ √ √ √ √ √
钉钉小程序 快手小程序 飞书小程序 京东小程序
√ √ √ √
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

l-swiper

使用方法

配置easycom规则后，自动按需引入，无需import组件，直接引用即可。

<template>
    <l-swiper type="card" :banner="banner" v-model="curr"></l-swiper>
    <l-swiper :height="300" :banner="banner" v-model="curr"></l-swiper>
</template>

组件属性

属性 类型 默认值 说明
value Number 0 当前轮播图 v-model双向绑定
banner Array [] 图片数组
height Number 240 轮播图高度 rpx
type String normal 类型 卡片轮播图card 默认normal
indicatorDots Boolean true 是否展示指示器
autoplay Boolean true 是否自动切换
interval Number 3000 自动切换时间间隔 ms
duration Number 300 切换滑动动画时长 ms
circular Boolean true 是否采用衔接滑动，即播放到末尾后重新回到开头

组件事件

名称 触发时机
change 轮播图改变
clickItem 点击轮播图

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...