自定义图标

一、概念

需要理解两个基本概念：

• [图标名称]
• [图标路径]

二、自定义图标

组件涉及默认图标的，均被统一管理，均可被覆盖。原则上，可以通过覆盖默认图标来全局定义的组件形态的，就不必要使用实例参数来定义。

覆盖默认图标

customIcon用于覆盖默认图标：

• customIcon是一个object，key为图标名称，value为新图标的URL字符串
• 只覆盖指定的默认图标，其余保持使用对应的内置图标

import logo from "./newlogo.png"
let config ={
     customIcon:{     
      	logo,
     }
     // 其他配置项...
};

二、内置图标大全

以下是axue框架的默认图标模块，每一个key都是合法的默认图标名

export const axueDefaultIcon =  {
      logo,             //logo图标，该图标是最需要被全局覆盖的
    
      avatar,           //默认头像
      close,            //×
      unfold,           //向下展开，默认用
      fold,             //向上收缩，展开之后用
      right,            //右边，表示进入
      at,               //@形状
      add,              //加号
      search,           //搜索号
      threePoint,       //省略号
    
      typeError,        //错误
      typeWarning,      //警告
      typeSuccess,      //成功
      typeInfo,         //普通提示
      loading,          //加载提示
    
      //......
}