Skip to content

悬浮按钮

何时使用

用于网站上的全局功能,无论浏览到何处都可以看见的按钮,可被用于开始执行某一功能,或传送到某一位置等。如:帮助中心、返回顶部按钮等。 悬浮按钮通常承载的是主要的、有代表性、积极正向的操作交互,比如:新建、分享等。

位置

一般位于页面右下角,支持固定展示,或鼠标移入呼出展示。位置支持自定义,但允许遮挡操作。

基础样式

最基础的悬浮按钮是圆形卡片上嵌入操作图标,若图标不能直观表达含义,建议使用图标+文字,或纯文字,字号12px

尺寸:默认尺寸为48*48px,允许自定义

形状:常用的有圆形、圆矩形,支持图片格式的图形自定义

颜色:常用的有白色、主题色,支持颜色的自定义

图标:支持自定义

浮动按钮组

支持不同形式的悬浮按钮组合。一般建议按钮有成组或相关性时,采用组合式 。按钮较为独立时使用分离式

菜单模式

可以通过hover和click两种形式触发菜单