• swan.showActionSheet
  • 方法参数
    • object 参数说明
    • success 返回参数说明
  • 示例
    • 代码示例 1：基础用法
      • 按钮文字帮助用户快速理解选项含义，建议精简表达，控制在 10 个中文字符内
    • 代码示例 2：自定义按钮字体颜色
    • 代码示例 3：按钮数量最多
    • 代码示例 4：按钮数量最少
    • 代码示例 5：带有操作结果提示
  • 错误码
    • Android

swan.showActionSheet

解释：​显示操作菜单，设计文档详见底部操作菜单。

方法参数

Object object

object 参数说明

属性名	类型	必填	默认值	说明
itemList	Array.	是		按钮的文字数组，数组长度最大为 6 个
itemColor	HexColor	否	#3c76ff	按钮的文字颜色
success	Function	否		接口调用成功的回调函数，详见返回参数说明
fail	Function	否		接口调用失败的回调函数
complete	Function	否		接口调用结束的回调函数（调用成功、失败都会执行）

success 返回参数说明

参数名	类型	说明
tapIndex	Number	用户点击的按钮，从上到下的顺序，从 0 开始

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：基础用法

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 基础用法
  
  
  
 普通操作菜单 
  
  
  

 
 
 

设计指南

按钮文字帮助用户快速理解选项含义，建议精简表达，控制在 10 个中文字符内

错误

按钮文字冗余，会加大理解成本

错误

与操作菜单自带“取消”选项重复

代码示例 2：自定义按钮字体颜色

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 
  
  
  
 自定义按钮字体颜色
  
  
  
 itemColor: '#00BC89'
  
  
  
 
  
  
  
 自定义按钮颜色的操作菜单 
  
  
  

 
 
 

代码示例 3：按钮数量最多

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 按钮数量最多
  
  
  
 6个按钮的操作菜单 
  
  
  

 
 
 

代码示例 4：按钮数量最少

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 按钮数量最少
  
  
  
 1个按钮的操作菜单 
  
  
  

 
 
 

代码示例 5：带有操作结果提示

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 带有操作结果提示
  
  
  
 带有操作结果提示的操作菜单 
  
  
  

 
 
 

错误码

Android

错误码	说明
201	解析失败，请检查调起协议是否合法
202	解析失败，请检查参数是否正确

本文标题：创新互联百度小程序教程：swan.showActionSheet
网页URL：http://www.jxjierui.cn/article/cdodios.html