当前位置: 首页 > news >正文

ngzero使用外部的svg图标

1.将图标svg下下来,放到项目中,路径如下所示
在这里插入图片描述
之后 <span nz-icon [nzIconfont]=“‘icon-zhibiao’”>使用
2.直接使用阿里的图标
先将你要用的图标放入购物车,再将购物车的图标添加到你主页的我的项目中
在这里插入图片描述

之后代码中在startupService中的构造方法中加入
iconService.fetchFromIconfont({
scriptUrl: ‘阿里图标地址’
});
在这里插入图片描述
之后 <span style=“height: 3%; width: 11%” nz-icon [nzType]=“item.icon?.value”>使用

http://www.lryc.cn/news/409957.html

相关文章:

  • 逆矩阵、秩
  • pc端小程序抓包修改数据相关记录
  • 用Python打造精彩动画与视频.2.1 Python基础语法概述
  • Golang高效合并(拼接)多个gzip压缩文件
  • MySQL数据库-基本概念
  • 【无标题】web+http协议+nginx搭建+nginx反向代理(环境准备)
  • c-periphery RS485串口库文档serial.md(serial.h)(非阻塞读)(VMIN、VTIME)
  • Matlab arrayfun 与 bsxfun——提高编程效率的利器!
  • 【Unity编辑器拓展】GraphView自定义可视化节点
  • 教程系列4 | 趋动云『社区项目』极速体验 LivePortrait 人脸表情“移花接木”大法
  • WGS84、GCJ-02、BD09三大坐标系详解
  • css上下动画 和淡化
  • 深入解析C#中的URI和URL编码:理解EscapeDataString、EscapeUriString和UrlEncode的区别及字符编码错误处理
  • 【CSS】给图片设置 max-width
  • 区块链——代码格式检查(prettier、solhint)
  • 搭建自动化 Web 页面性能检测系统 —— 部署篇
  • 知识图谱增强的RAG(KG-RAG)详细解析
  • python中list的深拷贝和浅拷贝
  • 【LeetCode】字母异位词分组
  • Golang | Leetcode Golang题解之第295题数据流的中位数
  • 【C语言】C语言期末突击/考研--数据的输入输出
  • How can I fix my Flask server‘s 405 error that includes OpenAi api?
  • LeetCode Hot100 将有序数组转换为二叉搜索树
  • 【Linux】线程的控制
  • Vue3自研开源Tree组件:人性化的拖拽API设计
  • MYSQL--触发器详解
  • C++实用指南:Lambda 表达式的妙用
  • FastAPI(七十八)实战开发《在线课程学习系统》接口开发-- 评论
  • 基于springboot+vue+uniapp的居民健康监测小程序
  • TypeScript基础【学习笔记】