# 8.2 图标字体(Iconfont)
图标字体组件,用于展示 COLMO 图标
# 基础用法
<template>
<dof-iconfont code="\ue705" :size="48" color="#333333"></dof-iconfont>
</template>
1
2
3
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 | 点击图标时触发 | - |