@fiscozen/相册
设计系统图标组件(Font Authority). 关于使用文件和实例,见《故事书》(Documentation/Media/FzIcon和Documents/Media/FzIconBackground).
福兹康
基本图标组件 。 渲染出一个具有可配置大小和变体的单一图标.
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
name | string | 所需经费 | 字体优美图标名称( 如 . bell, (中文(简体) ), check) (中文(简体) ). |
size | IconSize | 'lg' | 大小 : xs, (中文(简体) ), sm, (中文(简体) ), md, (中文(简体) ), lg, (中文(简体) ), xl, (中文(简体) ), 2xl。 。 。 . |
variant | IconVariant | 'far' | 字体优美风格( 如 . fas, (中文(简体) ), far, (中文(简体) ), fal) (中文(简体) ). |
spin | boolean | false | 启用旋转动画 . |
要应用设计系统文本颜色,请使用 v-color 关于组件的指令(例如:. <FzIcon v-color:blue="500" />) (中文(简体) ). 根元素为 a <span role="presentation">,因此 v-color 是有效的( SPAN 允许在 @ fiscozen/ style) , 图标可以嵌入内部 <p> 或者说 <span> 无无效的 HTML.
FzIcon 背景
FzIcon周围的包装器,在图标容器上添加可配置的背景(圆形,相加). 和FzIcon加法一样的道具 backgroundColor; 当需要带有可见背景的图标(例如状态指示器,徽章)时使用.
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
name | string | 所需经费 | 字体优美图标名称( 如 . bell, (中文(简体) ), check) (中文(简体) ). |
size | IconSize | 'lg' | 大小 : xs, (中文(简体) ), sm, (中文(简体) ), md, (中文(简体) ), lg, (中文(简体) ), xl, (中文(简体) ), 2xl。 。 。 . |
variant | IconVariant | 'far' | 字体优美风格( 如 . fas, (中文(简体) ), far, (中文(简体) ), fal) (中文(简体) ). |
spin | boolean | false | 启用旋转动画 . |
backgroundColor | string | 'core-white' | 尾风背景颜色符号(如:克-白,灰-100). 用作 bg-{value}。 。 。 . |
页:1
- 对于当前迭代,我们决定用捆绑(svg + js 样式)来运送图标,目前没有API或懒惰的加载.
- 为了保持捆绑的尺寸低,我们使用Font Cousidon"icon套件"(Pro),所以所运的套件是量身定制的. 配置
.npmrc在应用程序根中(参见此 repo); 设置FONTAWESOME_PACKAGE_TOKEN在环境 Pro 标志.