ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

微信小程序使用animate.css库

2022-08-10 14:01:50  阅读:220  来源: 互联网

标签:文件 微信 utils 文件夹 animate wxss css


背景: 在小程序中使用animate.css库,做一些炫酷的动画效果

操作步骤:

第一步:使用 npm install animate.css --save 安装

第二步:在 node_modules 文件中找到 animate,并把 animate.css文件复制出来

第三步:将复制出来的 animate.css 文件后缀修改为 .wxss 并放入 utils文件夹中(其他文件夹中也可)

第四步:在 app.wxss 文件中引入 '@import './utils/animate.wxss' 文件

第五步:使用方式:
<view class="animate_animated animate_bounceIn animate_infinite animate_delay-1s"></view>
至此,动画效果就做好了~

 

参考链接:

        https://www.csdn.net/tags/MtTaEg1sMjM1MzA2LWJsb2cO0O0O.html

标签:文件,微信,utils,文件夹,animate,wxss,css
来源: https://www.cnblogs.com/sunnyeve/p/16515369.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有