# import
>[success] import hy_ui.hy_span.hy_button
# extends
>[success] import hy\_ui.hy\_span.hy\_label;
# 构造函数
```
hy_button(Txt:String="",Color:String="success",Size:String="de",Icon:String="",startInit:Boolean=true)
```
```
pirvate var button=new hy_button("确认","success");
this.addChild(button);
```
# 舞台命名
>[danger] name【变量名】$color【颜色】$text【文字】$disabled【禁用】
```
submit$success$立即提交
```
# 属性
## baseType 基本类型
>[info] String \[ get \] `button`
## isField 是否表单元素
>[info] Boolean \[ get \] `false`
> 提交表单的时候一般先判断
## color 颜色样式
>[info] String | Object \[ set \] `success`
| 默认 | 主要 | 成功 | 信息 | 警告 | 危险 | 灰色 | 蓝色 | 黑色 | 错误 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| default | primary | success | info | warning | danger | gray | blue | black | error |
```
button.color="success"
```
## size 大小样式
>[info] String | Object \[ set \] `de`
| | 迷你 | 小 | 默认 | 大 | 超大 |
| :---: | :---: | :---: | :---: | :---: | :---: |
| 属性 | xs | sm | de | lg | slg |
| 字体 | 12 | 12 | 14 | 18 | 30 |
| 高度 | 20 | 28 | 36 | 42 | 54 |
```
button.size="sm"
```
## width 宽度
>[info] Number \[ get | set \] `auto`
> 如果不设置，通过size 自动变化
```
button.width=300
```
## height 高度
>[info] Number \[ get | set \] `36`
> 如果不设置，通过size 自动变化
```
button.height=100
```
## disabled 禁用
>[info] Boolean \[ get | set \] `false`
```
button.disabled=true//禁用
```
## align 中心对齐方式
>[info] String \[ get | set \] `top_left`
| 上下 | 左右 |
| :---: | :---: |
| top , center , bottom | left , center , right |
```
button.align="top_center"
```
## text 文字
>[info] String \[ get | set \] `""`
```
button.text="提交按钮"
```
## embedFonts 字体嵌套
>[info] Boolean \[ set \] `false`
```
button.embedFonts=true
```
## icon 图标
>[info] String \[ set \] `""`
```
button.icon="search"
```
## showBorder 显示边框
>[info] Boolean \[ set \] `true`
```
button.showBorder=false
```
# 监听
## click
>[info] 单击
```
button.on("click",function(oThis))
```
