图标

图标用连字显示。标签里的文字要和 genv4-icon 里的图标名一致。

安装 genv4 后引入组件即可。字形随组件加载。字体族是 GenV4 Icons,也是 --md-icon-font 的默认值。

import 'genv4/icon/icon.js';

描边用图标名。填充在名字后面加 -fill。

checkcheck-fill
<md-icon>check</md-icon>
<md-icon>check-fill</md-icon>

Standard 和 AI 都有这个名字时,AI 加 -ai。填充再加 -fill。

searchsearch-aisearch-ai-fill
<md-icon>search</md-icon>
<md-icon>search-ai</md-icon>
<md-icon>search-ai-fill</md-icon>

用组件 CSS 变量覆盖。下面只列出 Sass 里标记为支持的变量。

变量默认值
--md-icon-font'GenV4 Icons'
--md-icon-size24px

点格子复制 <md-icon>…</md-icon>。默认只显示描边。

开发指南
快速开始主题问题与支持
Components
Ai Input提示横幅 Alert banner按钮 ButtonCheckboxChipsDialogsFloating action button (FAB)图标 Icon图标按钮 Icon ButtonLists菜单 MenuMenus弹窗 Modal步骤条 Process stepperProgress indicatorsRadioRipple搜索栏 Search BarSelectSlidersSwitchTabsText field文本输入 Text Input