更新记录
1.0.0(2024-06-25)
2024-6-25首次发布
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | √ |
市场没找到,自己手写了个,首次提交,功能未必完整,不喜勿喷。
输入参数功能说明:
- 输入参数:cardHeight
- 功能:各个卡片默认高度,单位为像素,默认 100
- 说明:输入参数为 100,则所有卡片的默认高度为 100 像素。
输入参数功能说明:
- 输入参数:currentIndex
- 说明:初始激活的卡片索引,默认为 0
输入参数功能说明:
- 输入参数:displayMultipleItems
- 功能:截取渲染的卡片数量,过多会渲染在视图外部,默认为 3
- 说明:输入参数为 5,则只渲染前 currentIndex 周围的 5 个卡片。
输入参数功能说明:
- 输入参数:windowPadding
- 功能:视图内间距,组件距离左右两边的距离相加,默认 40 像素
- 说明:输入后便于计算卡片的默认宽度
输入参数功能说明:
- 输入参数:cardMargin
- 功能:卡片的左右间距,默认 20 像素
- 说明:输入后便于计算卡片的默认宽度
输入参数功能说明:
- 输入参数:activesWidthScale
- 功能:激活的卡片宽度放大比例,默认 1.5
输入参数功能说明:
- 输入参数:activesHeightScale
- 功能:激活的卡片高度放大比例,默认 1.5
输入参数功能说明:
- 输入参数:actionEventThreshold
- 功能:触发滚动事件的阈值,如果太大可能会导致左右同时触发,默认 0,即scroll-view的 upper-threshold 属性和 lower-threshold 默认值