开始

动画库和图标库的使用。
image.png

动画库的使用

在默认首页的代码上,我们加了v-if
image.png

image.png
第一个class属性必须要加 animated
image.png
第二个是效果。
image.png4
第三个是速度。
image.png
点击的时候去显示logo
image.png

icon.css

image.png

image.png

image.png
我的项目
image.png

image.png
解压出来的文件
image.png
只需要用到iocnfont.css
image.png

image.png
把这两个音乐红eot的文件删除。
image.png
删除后,后面代码提上来
image.png

拉到最下面,这3个删除。这3个都是引用了外部的文件。
image.png
删除后这里加个分号。
image.png
整个复制到icon.css
image.png

使用一下icon

uview快捷键。
image.png

image.png

官方快捷键。
image.png
首先是iconfont
image.png
第二个需要图标的类名
image.png
image.png

image.png

image.png

image.png
设置文字的大小。
image.png

结束