h-button 按钮（李新星）

基础用法

默认按钮 一级按钮 二级按钮 三级按钮 文字按钮

字体库图标使用：

字体库图标按钮

<template>
	<div>
		<h-button @click="testBtnClick('默认按钮')">默认按钮</h-button>
		<h-button	style="margin-left: 100px" type="first" icon="el-icon-search" @click="testBtnClick('一级按钮')">一级按钮</h-button>
		<h-button style="margin-left: 100px" type="second" disabled>二级按钮</h-button>
		<h-button style="margin-left: 100px" type="third" icon="el-icon-search" @click="testBtnClick('三级按钮')">三级按钮</h-button>
		<h-button style="margin-left: 100px" type="text" icon="el-icon-search" disabled>文字按钮</h-button>
		<p>字体库图标使用：</p>
		<h-button type="second" icon="iconfont icon-quanxianguanli">字体库图标按钮</h-button>
	</div>
</template>
<script>
export default {
  methods: {
    testBtnClick(params) {
      alert(`测试数据: ${params}`);
    }
  }
}
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
type	按钮类型	string	first,second,third,text	first
icon	按钮图标（支持elementUI图标、iconfont图标，使用iconfont图标时需要传入"iconfont 图标名称"）	string	—	—

Slot

name	说明
default	按钮内容，支持文字、图片

Events

方法名	说明	参数
click	点击按钮执行	调用方法时传递的参数