element icon图标用法

2024-03-15 08:40:02 分类：前端热度：64 评论： 0

element icon图标用法

1.基础用法：

<!-- 使用 el-icon 为 SVG 图标提供属性 -->
  <el-icon :size="size" :color="color">
    <Edit />
  </el-icon>
<!-- 或者独立使用它，不从父级获取属性 -->
  <Edit />

2.直接使用 SVG 图标

<template>
  <div style="font-size: 20px">
    <!-- 由于SVG图标默认不携带任何属性 -->
    <!-- 你需要直接提供它们 -->
    <Edit style="width: 1em; height: 1em; margin-right: 8px" />
    <Share style="width: 1em; height: 1em; margin-right: 8px" />
    <Delete style="width: 1em; height: 1em; margin-right: 8px" />
    <Search style="width: 1em; height: 1em; margin-right: 8px" />
  </div>
</template>

3.下载成PNG使用