按钮-Button
指引用户进行相关操作,触发相关业务逻辑
大按钮
规格:高度88px,圆角大小6px,宽度可拉伸,不超过690px
按钮文字:字号为32px
注意:常规页面一个页面只允许存在一个主按钮;带颜色按钮禁用时,按钮颜色透明度降低至40%,按钮文字颜色透明度降低至60%
中按钮
规格:高度72px,圆角6px,宽度最小为420px,可根据应用场景或文字长度进行拉伸,最长不超过690px
按钮文字:字号28px
小按钮
规格:高度60px,宽度最小为136px,最长不超过420px,圆角4px
按钮文字:字号28px,距左右边距最小40px
置底按钮
置底按钮高度统一最小为100px,固定在页面底部,iPhone X 全面屏的适配需特殊处理
注意:白色置底按钮顶部需加边框,以免与页面背景或页面其他元素融合;页面内容过长需滑动时,置底按钮需一直固定在页面底部
悬浮按钮
悬浮按钮固定悬浮在页面右下角,尺寸88px。按钮中Icon长宽不超过40px
注意:页面上滑时,采取渐隐或滑向右侧的交互方式防止遮挡用户视线,下滑时恢复