更新记录
2.2.6(2023-02-20)
2023-02-20
Feat
panorama
全景切换效果新增stretch
参数,用于控制slide之间的距离。
Fix
- 修复字节小程序3D样式失效的问题。
- 修复
panorama
切换效果参数无效的问题。 - 修复
autoHeight
高度自适应使用报错的问题。(autoHeight
选项可以正常使用,且在大多数场景下可以正确获取高度)
2.2.5(2022-11-10)
2022-11-10
Feat
cards
卡片切换效果新增perSlideRotate
,perSlideOffset
参数用于控制卡片的偏移距离及旋转角度。- 微信小程序中默认使用虚拟节点渲染,即
virtualHost
:true
。
Fix
- 修复
pagination
选项开启后,动态控制swiper
禁用或启用报错的问题。 - 修复支付宝小程序3D样式失效的问题。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
ZebraSwiper
基于uniapp,全面对标swiper,并实现全端兼容。
🔥 文档网站 🚀 zebraUI组件库
介绍
zebra-swiper 是基于uniapp开发的一款移动端轮播组件,已实现swiper组件90%的功能。
uniapp的swiper组件存在很大的局限性,无法完成一些复杂的轮播效果。
而zebra-swiper不仅可以实现一些3D轮播效果,还可以通过参数来定义你想要的效果。
特性
- 全面对标swiper,并实现全端兼容
- 兼容多端,小程序也可以实现3D轮播效果
- 可自定义3D效果
- 多种示例,总有一种适合你
安装
npm方式
npm i @zebra-ui/swiper
// pages.json
{
"easycom": {
"^z-(.*)": "@zebra-ui/swiper/components/z-$1/z-$1.vue"
},
"pages": [...],
"globalStyle": {...}
}
uni_modules方式
插件市场直接导入即可
手机预览



预览






群
QQ群:947159437