操作菜单

操作菜单用于显示某项操作的选项列表。当用户与按钮,操作或其他控件交互时出现在页面底部。

操作菜单 - 图1

元素解构

智能小程序提供统一操作面板,开发者可以配置其操作选项的数量(1-6个)和文字颜色。

操作菜单 - 图2

  1. 容器2.操作选项(可配)3.取消4.蒙层

操作选项

支持配置1-6项操作,操作文案建议精简表达,控制在10个中文字符内,用户应该通过操作文案能够快速理解选项的含义。操作文案使用规范请参见措辞章节。

操作菜单 - 图3
正确

操作文案简短清晰。

操作菜单 - 图4
错误

文案冗余,阅读理解起来难度会加大。

操作菜单自带“取消”选项,点击“取消”或触碰蒙层区域自动收起面板且不执行任何操作。

操作菜单 - 图5
正确

操作任务明确。

操作菜单 - 图6
错误

“取消”操作重复,增大理解难度。

个性定制

操作菜单中,可个性定制样式的只有操作选项的文案颜色,且所有选项(除“取消”)统一配色。

操作菜单 - 图7
正确

使用默认操作菜单样式。

操作菜单 - 图8
错误

红色常用于表达警示,此时可能使用户紧张。

用色上除了注意按钮主次展现、品牌外,还需要考虑是否与行业常用于特殊状态的颜色冲突,如红色、浅灰色等。

操作菜单 - 图9
正确

使用品牌色,与小程序整体风格更一致。

操作菜单 - 图10
错误

浅灰色常用于表达按钮不可用,此时会影响用户对于可用性的判断。

提示框添加到我的小程序引导