codecamp

百度智能小程序 底部操作菜单

底部操作菜单

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

开发文档说明详见 showActionSheet 。

元素解构

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




1. 容器

2.操作选项(可配)

3.取消

4.蒙层



操作选项

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

正确

操作文案简短清晰。

错误

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




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

正确

操作任务明确。

错误

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



个性定制

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

正确

使用默认操作菜单样式。

错误

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




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

正确

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

错误

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


百度智能小程序 模态对话框
百度智能小程序 引导关注
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }