Nico_fit
Nico_fit
  • 发布:2021-02-01 20:10
  • 更新:2021-02-20 17:35
  • 阅读:3165

uni-app中使用了 animate.css 动画库, 在H5端一切正常, 在微信小程序中无效

分类:uni-app
css

已经在 App.vue 文件中将引入的路径改为绝对路径,
如下所示:
<style>
/每个页面公共css /
@import '/common/animate.css';
</style>

添加动画效果的按钮:
<button type="default" class="btn animateanimated animatepulse animate__infinite" @click="btn_click" >{{btn_text}}</button>

请大佬解答下, 该如何处理?

2021-02-01 20:10 负责人:无 分享
已邀请:
小姚同学

小姚同学

找到源码animate.css修改以下代码  

root { --animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
//修改为
page {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}

该问题目前已经被锁定, 无法添加新回复