Package Exports

@element-plus-ui/pro-icon
@element-plus-ui/pro-icon/es/index.mjs
@element-plus-ui/pro-icon/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@element-plus-ui/pro-icon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@element-plus-ui/pro-icon

简化了 ElIcon 组件的使用，通过 Name 或 对象取值 的方式指定渲染的元素

您依旧可以按照原先的那种方式使用，让中后台开发更简单 💪

📦 安装

$ npm install @element-plus-ui/pro-icon

$ yarn add @element-plus-ui/pro-icon

$ pnpm add @element-plus-ui/pro-icon

🔨 使用

<template>
  <!-- 通过 name 属性指定图标 -->
  <pro-icon name="ArrowDown"/>
  <pro-icon name="ChatRound" :size="20"/>
  <!-- 通过对象取值的方式指定图标 -->
  <ProIcon.ArrowDown color="#409efc"/>
  <!-- 通过默认插槽的方式指定图标 -->
  <pro-icon :size="20" color="#409efc">
    <ChatRound/>
  </pro-icon>
</template>

<script setup lang="ts">
  import {ProIcon, ChatRound} from "@element-plus-ui/pro-icon";
</script>