按钮-Button

指引用户进行相关操作,触发相关业务逻辑

大按钮

规格:高度88px,圆角大小6px,宽度可拉伸,不超过690px

按钮文字:字号为32px

注意:常规页面一个页面只允许存在一个主按钮;带颜色按钮禁用时,按钮颜色透明度降低至40%,按钮文字颜色透明度降低至60%

中按钮

规格:高度72px,圆角6px,宽度最小为420px,可根据应用场景或文字长度进行拉伸,最长不超过690px

按钮文字:字号28px

小按钮

规格:高度60px,宽度最小为136px,最长不超过420px,圆角4px

按钮文字:字号28px,距左右边距最小40px

置底按钮

置底按钮高度统一最小为100px,固定在页面底部,iPhone X 全面屏的适配需特殊处理

注意:白色置底按钮顶部需加边框,以免与页面背景或页面其他元素融合;页面内容过长需滑动时,置底按钮需一直固定在页面底部

悬浮按钮

悬浮按钮固定悬浮在页面右下角,尺寸88px。按钮中Icon长宽不超过40px

注意:页面上滑时,采取渐隐或滑向右侧的交互方式防止遮挡用户视线,下滑时恢复

Copyright © biliui.com 2019 all right reserved,powered by Gitbook上次更新: 2019-06-05 16:50:02

results matching ""

    No results matching ""