elementui icon
时间: 2023-10-07 22:13:48 浏览: 113
vue elementui
ElementUI 是一个基于 Vue.js 的 UI 组件库,其中包含了丰富的图标库供开发者使用。在 ElementUI 中,可以通过使用 `<i>` 标签来渲染图标,然后为该标签添加对应的 class 名称来选择需要的图标。
ElementUI 的图标库使用了阿里巴巴矢量图标库(https://www.iconfont.cn/)中的图标。你可以在 ElementUI 的官方文档中找到所有可用的图标以及对应的 class 名称。
以下是一个示例代码,展示如何使用 ElementUI 的图标:
```
<template>
<div>
<i class="el-icon-edit"></i>
<i class="el-icon-delete"></i>
<i class="el-icon-search"></i>
<!-- 其他图标 -->
</div>
</template>
<script>
export default {
// ...
}
</script>
```
你可以根据需要选择合适的图标,并将对应的 class 名称添加到 `<i>` 标签中即可使用。
阅读全文