更新记录

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卡片切换效果新增perSlideRotateperSlideOffset参数用于控制卡片的偏移距离及旋转角度。
  • 微信小程序中默认使用虚拟节点渲染,即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

logo

ZebraSwiper

基于uniapp,全面对标swiper,并实现全端兼容。

🔥 文档网站     🚀 zebraUI组件库

介绍

zebra-swiper 是基于uniapp开发的一款移动端轮播组件,已实现swiper组件90%的功能。

uniappswiper组件存在很大的局限性,无法完成一些复杂的轮播效果。

而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方式

插件市场直接导入即可

手机预览

wx ali h5

预览

gif gif gif gif gif gif

QQ群:947159437

image

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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