开发指南/开发小程序（不推荐）/小程序设计规范/视觉规范/按钮
# 按钮
## 按钮类型
小程序中使用的按钮主要分为主要按钮、次要按钮、危险按钮、幽灵按钮、文字按钮

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/ea20217fb078b7450754a1cc4c43db29_p3HrijqKIm.png?lazyload=true&width=1920&height=256)

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

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/f08ded3a8950443dab34594ef899d992_IIaK9Ok0f8.png?lazyload=true&width=1920&height=1052)

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

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/4c0a976286b9ca0a4a65abfcd61c0210_PmS2WdewGv.png?lazyload=true&width=1656&height=288)

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

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/822cace97a71a36deb3533e704eae3e8_DD7gIW0gNe.png?lazyload=true&width=1656&height=272)