更新记录

2.2.8（2023-12-21）

2023-12-21

Fix

• 修复vue3关于transitionEnd的相关报错。
• 修复vue3关于emit的相关警告。
• 修复vue3提示方法的的警告。
• 修复vue3无法使用virtual的错误。
• 新增关于vue3的示例项目，包含组合式api用法，开发者在vue3项目中使用zebra-swiper可获得更好的开发体验。

2.2.7（2023-09-15）

2023-09-15

Feat

• 新增controller控制器，用于多个swiper之间同步切换状态。
• 新增虚拟slide配置，用于处理在大量数据时产生的卡顿问题。（只能作用于view标签，图片及其他标签会出现闪烁问题，h5可使用img标签。）
• 示例项目样式及目录结构更改。

Fix

• 修复swiper滑动时会导致页面发生滚动的问题。

2.2.6（2023-02-20）

2023-02-20

Feat

• panorama全景切换效果新增stretch参数，用于控制slide之间的距离。

Fix

• 修复字节小程序3D样式失效的问题。
• 修复panorama切换效果参数无效的问题。
• 修复autoHeight高度自适应使用报错的问题。（autoHeight选项可以正常使用，且在大多数场景下可以正确获取高度）

平台兼容性

ZebraSwiper

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

🔥 文档网站     🚀 zebraUI组件库

介绍

zebra-swiper 是基于uniapp开发的一款移动端轮播组件，旨在实现一些复杂的轮播交互。

特性

• 全面对标swiper，并实现全端兼容
• 兼容多端，小程序也可实现3D轮播效果
• 可自定义3D效果
• 多种示例可供参考

安装

npm方式

npm i @zebra-ui/swiper

// pages.json

{
  "easycom": {
    "autoscan": true,
    "custom": {
      "^z-(.*)": "@zebra-ui/swiper/components/z-$1/z-$1.vue"
    }
  },
    "pages": [...],
    "globalStyle": {...}
}

uni_modules方式

插件市场直接导入即可

手机预览

预览

群

QQ群：947159437