底部操作菜单

操作菜单用于显示用户操作某个控件时,出现选项列表。

开发文档说明详见 showActionSheet

底部操作菜单 - 图1

元素解构

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

底部操作菜单 - 图2

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

操作选项

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

底部操作菜单 - 图3正确

操作文案简短清晰。

底部操作菜单 - 图4错误

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

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

底部操作菜单 - 图5正确

操作任务明确。

底部操作菜单 - 图6错误

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

个性定制

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

底部操作菜单 - 图7正确

使用默认操作菜单样式。

底部操作菜单 - 图8错误

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

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

底部操作菜单 - 图9正确

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

底部操作菜单 - 图10错误

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