热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

Uniapp引入和使用阿里矢量图

步骤一:登录阿里矢量图官网将所需要引入的矢量图添加入库然后添加至项目步骤二:生成代码点击更新代码生成步骤三打开uniapp项目在app.vue下全局引

步骤一:


登录阿里矢量图官网

将所需要引入的矢量图添加入库然后添加至项目


步骤二:

生成代码

点击更新代码生成

步骤三


打开uniapp项目在app.vue下全局引入

在定义字体格式时地址引入图中红框内的地址,以后所需图标重新加入生成代码是再重新替换



 注意:引入的字体格式地址需要在前面加上https:



注意:当需要放置编码的是伪元素的content属性时,需要将该编码的前三位用 “ \ ”替换。否则图标将不会出现,比如将  替换为 \e640;  


步骤四

在页面使用

最终效果


推荐阅读
author-avatar
曾军78930
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有