图标
图标用连字显示。标签里的文字要和 genv4-icon 里的图标名一致。
安装 genv4 后引入组件即可。字形随组件加载。字体族是 GenV4 Icons,也是 --md-icon-font 的默认值。
import 'genv4/icon/icon.js';描边和填充
Link to “描边和填充”描边用图标名。填充在名字后面加 -fill。
<md-icon>check</md-icon>
<md-icon>check-fill</md-icon>同名的 AI 图标
Link to “同名的 AI 图标”Standard 和 AI 都有这个名字时,AI 加 -ai。填充再加 -fill。
<md-icon>search</md-icon>
<md-icon>search-ai</md-icon>
<md-icon>search-ai-fill</md-icon>用组件 CSS 变量覆盖。下面只列出 Sass 里标记为支持的变量。
图标 <md-icon>
Link to “图标 <md-icon>” | 变量 | 默认值 |
|---|---|
--md-icon-font | 'GenV4 Icons' |
--md-icon-size | 24px |
全部图标
Link to “全部图标”点格子复制 <md-icon>…</md-icon>。默认只显示描边。