背景
公司要求需要按设计稿还原页面,奈何有一些带图标的组件,UI框架自制了图标,如果每一个使用到组件的地方去配置插槽又不太现实,甚至有的组件无法通过插槽替换其默认图标,如 AInputSearch的搜索图标,这个各位看官可以自行尝试下。
解决方案
- 添加如下icon.js文件:
/**
* title: 替换Antd默认图标
* desc: 下载蓝湖设计稿上的图标(svg格式), 获取viewBox、path等属性, 其他参看Antd原图标属性
*/
import VueIcon from "@ant-design/icons-vue";
// VueIcon中的方法, 直接摘过来
function getNode(viewBox) {
var paths = [];
for (var _i = 1; _i < arguments.length; _i++) {
paths[_i - 1] = arguments[_i