define-icon-element - 自定义 icon 显示元素
安装
# 安装模块
npm install define-icon-element
# or
pnpm add define-icon-element
定义图标元素
font 模式下基于 css 文件使用 class 来呈现
import { loadCss } from "define-icon-element";
loadCss("xxx.css");
import defineIconElement from "define-icon-element";
defineIconElement("data-icon", { prefix: "icon-", class: "iconfont" });
svg 模式下基于 js 文件使用 symbol 来呈现
import { loadJs } from "define-icon-element";
loadJs("xxx.js");
import defineIconElement from "define-icon-element";
defineIconElement("svg-icon", { prefix: "icon-", mode: "svg" });
使用图标元素
<data-icon name="xxx" />
<data-icon name="xxx" size="16" />
<data-icon name="xxx" size="16" color="red" />
<svg-icon name="xxx" size="16" color="red" />
方法说明