vue element-ui
时间: 2023-08-26 18:04:38 浏览: 249
Vue Element-UI 提供了一套丰富的图标库,可以通过使用 `<el-icon>` 组件来展示这些图标。以下是一些常用的图标示例:
1. 使用 Element-UI 默认图标库:
```html
<el-icon name="el-icon-edit"></el-icon>
```
2. 使用 Font Awesome 图标库:
首先,你需要安装 Font Awesome:
```bash
npm install @fortawesome/fontawesome-free -S
```
然后在 Vue 项目中引入:
```js
// 在 main.js 中引入
import '@fortawesome/fontawesome-free/css/all.css'
```
最后,在模板中使用 Font Awesome 图标:
```html
<el-icon class="fa" :class="['fa-icon-name']"></el-icon>
```
3. 使用自定义 SVG 图标:
首先,将你的 SVG 图标文件放置在 `src/assets/icons` 目录下。
然后,在 `main.js` 中引入并注册自定义 SVG 图标组件:
```js
import Vue from 'vue';
阅读全文