# 按钮
## 按钮类型
小程序中使用的按钮主要分为主要按钮、次要按钮、危险按钮、幽灵按钮、文字按钮

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/ea20217fb078b7450754a1cc4c43db29_ExUlfABsoR.png?lazyload=true&width=1920&height=256)

## 按钮状态
按钮提供 6 种响应状态，来表示按钮的交互反馈
<br>Normal 常规状态：表示按钮可用
<br>Hover 悬浮状态（桌面端特有）：表示按钮的可交互性
<br>Focus 获焦状态 （桌面端特有）：表示按钮为长期选择态，可取消获焦
<br>Press 点击状态：表示已按下按钮
<br>Disable 禁用状态：声明操作可用但已被禁用
<br>Loading 加载状态：声明操作行为已发生但还未生效

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/f08ded3a8950443dab34594ef899d992_sDQO3apvMH.png?lazyload=true&width=1920&height=1052)

## 按钮大小
### 移动端按钮
按钮尺寸分为全局、局部两种。全局按钮通常用于页面层级的操作，局部按钮用于针对页面中某部分的交互行为。全局通栏按钮、分栏按钮高度均为 48px，局部按钮有中号按钮，高度为 36px ；小号按钮，高度为 28px.

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/4c0a976286b9ca0a4a65abfcd61c0210_X8VLSXcdQo.png?lazyload=true&width=1656&height=288)

### 桌面端按钮
按钮分为：巨大、大、中、小 4 种尺寸。高度分别为：40/36/32/24px。可在不同场景及不同业务需求选择适合尺寸

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/822cace97a71a36deb3533e704eae3e8_EQA99HmpaU.png?lazyload=true&width=1656&height=272)