uniapp-vue3使用阿里云图标
存放在static/icon目录下。把以下四个文件拷贝出来。1.先把图标下载到本地。
·
官网地址:iconfont-阿里巴巴矢量图标库
一.本地引入
1.添加完成新图标,需要点击更新代码

2.把图标文件下载到本地

3.把以下四个文件拷贝出来

4.存放在项目根目录下的static/icon

5.需要修改url地址,在iconfont前面添加相对路径 ./

6.App.vue引入
<style lang="scss">
@import '@/static/icon/iconfont.css';
</style>
7.使用
<text class="iconfont icon-integral" style="color: #3498DB"></text>
二.线上引入
1.添加完成新图标,需要点击更新代码

2.把图标文件下载到本地

3.拷贝iconfont.css文件存放在/static/css,并且点击复制代码修改url路径



4.在路径前面需要加上https: 否则在App显示不出来
5.App.vue引入
<style lang="scss">
@import '@/static/css/iconfont.scss';
</style>
6.使用
<text class="iconfont icon-integral" style="color: #3498DB"></text>
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)