当前位置: 首页 > 网络应用技术

Swiper添加了动画效果,Vue3.x+Vite+Swiper 6.x或更多;

时间:2023-03-08 19:55:12 网络应用技术

  插入

  WOWJS是一种Animatecss,它会自动配备Animatecss,因此无需单独下载。

  他们都是下载的插件,

  让我首先谈论我的需求。

  完成完成后,发现移动动画仅执行一次,并且仅在刷新后再次执行后才执行,然后当触摸旋转滑动页面时,需求是触摸动画,因为每个旋转图片都有不同的动画效果;

  然后,我谈论我的节目操作,也就是说,称Swiper的OnslideChange监视页面,一旦页面翻开,它将是新动画的

  PS:哇。

  执行每个新动画一次;

  但是,下面的动画也将执行,这更痛苦。

  然后,我阅读了Swiper的文档,但与适应不兼容并放弃了;

  在互联网上找到大兄弟的方法具有我现在的这种结合。

  寻找

  创建ts,swiper.animate.js并自己写

  将其放在源代码上并自己更改;

  简介组件

  用法

  动画定义了swiper-anymimate-seffect动画名称的名称。动画库有60多个swiper-andimate-drimate-dration动画持续时间

  pps:根据Swiper的官方网站存在一个问题,也就是说,没有显示旋转,原因是:per-per-video =“ 1”,将参数转换为1,其示例为3;

  原始:https://juejin.cn/post/7095628177115971620