Button 按钮

该组件主要是对一些常用图标按钮的封装，如果不满足，请使用el-button

基础用法

查看代码

<template>
  <el-space wrap>
    <gi-button type="add" @click="handleClick"></gi-button>
    <gi-button type="edit"></gi-button>
    <gi-button type="delete"></gi-button>
    <gi-button type="search"></gi-button>
    <gi-button type="search" loading></gi-button>
    <gi-button type="reset"></gi-button>
    <gi-button type="upload"></gi-button>
    <gi-button type="download"></gi-button>
    <gi-button type="upload">导入</gi-button>
    <gi-button type="download">导出</gi-button>
    <gi-button type="print"></gi-button>
    <gi-button type="success">按钮</gi-button>
  </el-space>
</template>

<script setup lang="ts">
import { ElMessage } from 'element-plus'

function handleClick() {
  ElMessage.success('点击了按钮')
}
</script>

按钮尺寸

查看代码

<template>
  <el-space wrap>
    <gi-button type="add" size="small"></gi-button>
    <gi-button type="edit" size="small"></gi-button>
    <gi-button type="delete" size="small"></gi-button>
    <gi-button type="search" size="small">查询</gi-button>
    <gi-button type="reset" size="small"></gi-button>
  </el-space>
</template>

API

参数	说明	类型	默认值
type	类型	add | edit | delete | search | reset | upload | download | print | ElButtonProps['type']	-

TIP

继承 el-button 的所有属性