登录社区云,与社区用户共同成长
邀请您加入社区
微信小程序使用animate不生效
animation是个好东西,实现了一些常用的方法。最近集成到uni-app中,发现网上的通常都是使用绑定变量的方式来实现。少了通过指定ref触发的模式,总感觉有那么别扭。撸了一上午代码,把这个功能实现了出来。
@[TOC](uniapp使用动画 css 库( Animate.css ))https://animate.style/https://daneden.github.io/animate.css/1、下载Animate.css 文件https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css(3.7.2)http
<!-- <block v-for="(guess,gindex) in guessList">--><!-- 动画第一步 标签内定义:animation="animationData" if为多个那么animationDataArr[index]--><view :animation="animationData" class="animation-op
二、使用swiper组件的autoplay、circular、previous-margin、next-margin、display-multiple-items等属性实现普通间距轮播。三、将swiper的change、current属性与uni.createAnimation这个API相结合,实现中间高两边低的间距轮播效果。普通间距轮播:只需要去除代码中swiper的@change和curren