# 8.2 图标字体(Iconfont)

图标字体组件,用于展示 COLMO 图标

# 基础用法

<template>
  <dof-iconfont code="\ue705" :size="48" color="#333333"></dof-iconfont>
</template>
1
2
3

# Attributes

Prop Type Required Default Description
code String N "䜅" 图标编码
size Number N 32 图标尺寸
color String N '' 图标颜色
icon-style Object N {} 图标样式
font-family String N COLMO图标字体 字体族名称
need-dark-mode Boolean N false 是否启用 M-dark/T-dark 内置暗黑适配

设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。

颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。

iconStyle 中的业务样式优先。

# Events

事件名 说明 回调参数
dofIconFontClicked 点击图标时触发 -