功能

全量引入icon后，强化el-button，植入icon。

• 支持变量
• 支持el-icon、svg-icon、awesome-icon

功能示例

展示区
参数：大小
默认小大
展示区：节流
展示区：提示
参数：类型
nonemessageboxpopconfirm
结果
节流间隔 800 毫秒，执行次数：0

最小示例

<template>
    <Wrapper>
        <HButton :icon="{ name: 'Search' }">Eleme 图标</HButton>
        <HButton :icon="{ type: 'awesome', name: 'fas fa-dog' }">Awesome 图标</HButton>
        <HButton :icon="{ type: 'svg', name: 'test' }">SVG 图标</HButton>
    </Wrapper>
</template>

<script lang="ts" setup>
import Wrapper from '@/components/simple-wrapper.vue'
import HButton from '../index.vue'
</script>

API

参数

参数类型