首页 > 编程知识 正文

阿里巴巴矢量标库官网,阿里矢量标怎么

时间:2023-05-03 11:07:49 阅读:272904 作者:2519

这段时间因为老师要求,要做一个小程序,所以开始学一下uni-app开发,以后我会把我学的东西都发出来。现在写一下关于引入阿里云矢量图标库的方法

添加图标

首先去官网选择你喜欢的图标

你可以在这搜索你想要的图标,选择好之后便把他添加到红色小车里

然后选择添加至项目(没有的可以自己建一个)

添加图标

进去我的项目之后,将下面的链接在浏览器打开。

在Hbuilder中你创建的项目里新建一个common目录,然后典雅的戒指新建一个iconfont.css文件,将刚刚在浏览器打开的样式复制进去:

接下来就在App.vue中引入:

然后在布局中使用:

<icon class="iconfont icon-shouye"></icon>

上面的“icon-shouye”是图标的名字

这样结果就出来啦:

最后说一下,学了几天,感觉uni-app有点坑,可能是因为小众,所以有啥问题网上很少有解决方法,就比如这个引入图标的,我出了一个问题,网上找了好久都没找到,最后还是看视频找到了错误。
在引入图标还有一个坑就是,之前我是把图标下载到本地的,然而小程序不能使用本地图标,所以只能是直接引用在线连接了。

下面是我刚发表的如何引入css动画库的文章,有兴趣的小伙伴可以去看看哟
动画

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。