这段时间因为老师要求,要做一个小程序,所以开始学一下uni-app开发,以后我会把我学的东西都发出来。现在写一下关于引入阿里云矢量图标库的方法
添加图标首先去官网选择你喜欢的图标
你可以在这搜索你想要的图标,选择好之后便把他添加到红色小车里
然后选择添加至项目(没有的可以自己建一个)
进去我的项目之后,将下面的链接在浏览器打开。
在Hbuilder中你创建的项目里新建一个common目录,然后典雅的戒指新建一个iconfont.css文件,将刚刚在浏览器打开的样式复制进去:
接下来就在App.vue中引入:
然后在布局中使用:
上面的“icon-shouye”是图标的名字
这样结果就出来啦:
最后说一下,学了几天,感觉uni-app有点坑,可能是因为小众,所以有啥问题网上很少有解决方法,就比如这个引入图标的,我出了一个问题,网上找了好久都没找到,最后还是看视频找到了错误。
在引入图标还有一个坑就是,之前我是把图标下载到本地的,然而小程序不能使用本地图标,所以只能是直接引用在线连接了。
下面是我刚发表的如何引入css动画库的文章,有兴趣的小伙伴可以去看看哟
动画