• swan.showActionSheet
  • 方法參數(shù)
    • object 參數(shù)說明
    • success 返回參數(shù)說明
  • 示例
    • 代碼示例 1：基礎(chǔ)用法
      • 按鈕文字幫助用戶快速理解選項含義，建議精簡表達，控制在 10 個中文字符內(nèi)
    • 代碼示例 2：自定義按鈕字體顏色
    • 代碼示例 3：按鈕數(shù)量最多
    • 代碼示例 4：按鈕數(shù)量最少
    • 代碼示例 5：帶有操作結(jié)果提示
  • 錯誤碼
    • Android

swan.showActionSheet

解釋：?顯示操作菜單，設(shè)計文檔詳見底部操作菜單。

方法參數(shù)

Object object

object 參數(shù)說明

屬性名	類型	必填	默認值	說明
itemList	Array.	是		按鈕的文字數(shù)組，數(shù)組長度最大為 6 個
itemColor	HexColor	否	#3c76ff	按鈕的文字顏色
success	Function	否		接口調(diào)用成功的回調(diào)函數(shù)，詳見返回參數(shù)說明
fail	Function	否		接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否		接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）

success 返回參數(shù)說明

參數(shù)名	類型	說明
tapIndex	Number	用戶點擊的按鈕，從上到下的順序，從 0 開始

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例 1：基礎(chǔ)用法

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 基礎(chǔ)用法
  
  
  
 普通操作菜單 
  
  
  

 
 
 

設(shè)計指南

按鈕文字幫助用戶快速理解選項含義，建議精簡表達，控制在 10 個中文字符內(nèi)

錯誤

按鈕文字冗余，會加大理解成本

錯誤

與操作菜單自帶“取消”選項重復(fù)

代碼示例 2：自定義按鈕字體顏色

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 
  
  
  
 自定義按鈕字體顏色
  
  
  
 itemColor: '#00BC89'
  
  
  
 
  
  
  
 自定義按鈕顏色的操作菜單 
  
  
  

 
 
 

代碼示例 3：按鈕數(shù)量最多

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 按鈕數(shù)量最多
  
  
  
 6個按鈕的操作菜單 
  
  
  

 
 
 

代碼示例 4：按鈕數(shù)量最少

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 按鈕數(shù)量最少
  
  
  
 1個按鈕的操作菜單 
  
  
  

 
 
 

代碼示例 5：帶有操作結(jié)果提示

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 帶有操作結(jié)果提示
  
  
  
 帶有操作結(jié)果提示的操作菜單 
  
  
  

 
 
 

錯誤碼

Android

錯誤碼	說明
201	解析失敗，請檢查調(diào)起協(xié)議是否合法
202	解析失敗，請檢查參數(shù)是否正確

分享名稱：創(chuàng)新互聯(lián)百度小程序教程：swan.showActionSheet
網(wǎng)頁路徑：http://www.dlmjj.cn/article/cdodios.html