l-icon 集成了 Antd
图标,更多的图标请查看官方图标库。
TIP
位置:src/base/icon/lin-icon.vue
# 使用方法
通过直接设置类名为 icon-iconName
来使用即可例如:
通过 name
、 color
、width
、height
来设置 icon
的形状、颜色、长度、高度。
<l-icon name="icon-star" color="#aaa" ></l-icon>
<l-icon name="icon-search" color="#ccc"></l-icon>
<l-icon name="icon-apple" color="#eee" width="30px" height="30px"></l-icon>
# 新增更多图标
如果开发者需要导入自己的 icon
图标,先在iconfot官网官网上添加自己需要的图标,切换到Symbol
选项,把生成的cdn地址通过script标签引入到根目录下的public/index.html
,即可通过设置类名为 icon-iconName
来使用该图标。
# Attributes
← 基础组件 画廊 Gallery →