首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
uni-app介绍
创建uni-app项目
uni-app文件介绍
运行到微发者工具
引入官方css样式库2
引入自定义图标库
引入animate.css
设置全局样式
底部导航开发
当前位置:
首页>>
技术小册>>
uni-app零基础入门
小册名称：uni-app零基础入门
### 下载代码 animate.css官网地址： https://animate.style/ 复制css代码，添加到我们的项目 https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css /static/animatecss/animate.css ### 引入 App.vue中引入： ```bash /* 引入css动画库 */ @import './static/animatecss/animate.css'; ``` ### 使用 index.vue: ```bash <template> <view> <navigator url="../list/list"> <view>跳转到测试页</view> </navigator> </view> </template> ``` 在这个页面我们添加一个跳转链接 新建一个页面pages/list/list.vue list.vue ```bash <template> <view class="animate__animated animate__bounce"> 111111 </view> </template> ``` 从首页点击链接跳到list页，查看文字的跳动效果。 更多animate.css的使用查看官方文档： https://animate.style/
上一篇：
引入自定义图标库
下一篇：
设置全局样式
该分类下的相关小册推荐：
uniapp入门教程
