开始

D:\wjw\学习中\uni-app\网易云课堂 - uni-app实战仿糗事百科app开发

这是官方提供的图标库,有点少。
image.png
image.png

引入第三方图标库

image.png
image.png
随便加入几个图标
image.png

image.png
下载,解压
image.png

image.png

image.png
改个名字
image.png
打开文件,需要删除一些东西
这两个地方引入了外部文件
image.png

image.png
主要是争对IE的兼容。
image.png
删除后。
image.png
下面这3个地方也删除
image.png
删除后,后面加上分号
image.png

引入icon.css

image.png
使用图标库
可以打开这个html查看用法。
image.png
image.png

image.png
image.png
编译,运行到手机上
image.png

image.png
修改图标的样式

image.png

image.png

image.png
为了兼容更多的平台,官方建议我们使用upx. 这里60upx其实就是30px
image.png
upx具体的算法,后面会单独的录制课程。

结束