编辑导语：在前面一篇文章中，带着大家一起学习了 B 端“文本”类组件 UI 设计规范，
其中包括标题/标签、内容描述、备注、组合文本等组件；并从“文本”组件的需求场景
、内容布局以及交互方式等方面对以上组件进行了详尽的规范描述《B 端 UI 界面交互基
础组件-文本》，今天我们介绍 B 端“按钮”组件的相关交互规范。


一、常规按钮
1. 需求场景
提供用户通过鼠标点击触发事件操作。
2. 内容与布局
1）按钮根据设计需要，可分为纯图标按钮、纯文本按钮、图标+文本按钮。
纯图标按钮，通过鼠标 hover 上按钮后展示提示信息。
纯文本按钮：纯文本按钮文字居中对齐。


图标 + 文本按钮：一般按钮内容区域左侧展示图标，右侧展示按钮文本。
2）当按钮区域宽度不够时允许按钮内省略部分文本内容使用”…”表示。
3）根据需要利用 Tips 提供操作辅助信息，如：
纯图标按钮如无特殊原因，必须提供 Tips 提示。 【建议】因长度原因出现省略文本的按
钮，提供 Tips 提示。
4）按钮具体在界面中的使用无强制布局定义，建议同一界面、同一内容分区、同一应用
逻辑尽量保持一致。
5）同类按 ...