button 組件 擁有強大的功能 自身能夠擁有不少跟微信風格的樣式,且是 表單 和 開放的能力 重要的 按鈕小程序
button 的屬性:微信
size: 類型 字符串 按鈕的大小session
屬性值:default 默認的app
mini 小尺寸日誌
type: 類型 字符串 按鈕的樣式類型orm
屬性值:default 默認的事件
primary 綠色的圖片
warn 紅色的開發
plain: 類型 布爾 按鈕是否鏤空,背景色透明字符串
disabled: 類型 布爾 是否禁用
loading: 類型 布爾 名稱前是否帶有 加載 的圖標
form-type:類型 字符串 用於form組件 會分別觸發submit和reset事件
屬性值:submit 觸發表單的submit事件
reset 觸發表單的reset 事件
open-type:類型 字符串 微信的開放能力
屬性值:contact:打開客服會話,若是用戶在會話中點擊消息卡片,返回小程序,能夠從 bindcontact 回調中獲取具體信息
share:觸發用戶轉發
getPhoneNumber:獲取用戶的手機號,能夠從 bindgetPhoneNumber 回調中,獲取用戶信息
getUserInfo:獲取用戶信息,能夠從 bindgetUserInfo 回調中,獲取用戶信息
launchApp:打開APP,能夠經過app-parameter 屬性 向APP 傳的參數
openSetting:打開受權設置頁
feedback:打開"意見反饋"頁面,用戶提交反饋內容並上傳日誌,開發者能夠登陸小程序管理後臺後,進入左側菜單"客服反饋"頁面 獲取反饋內容
hover-class:類型 字符串 指定按鈕按下去的樣式類
hover-stop-propagation:類型 布爾 指定是否阻止本節點的祖先節點出現點擊態
hover-start-time:類型 數字 按住後多久出現點擊態 (單位 ms)
hover-stay-time:類型 數字 手指鬆開後,點擊態的保留時間 (單位 ms)
lang:類型 字符串 指定返回用戶信息的語言
屬性值:zh-CN 簡體中文
zh-TW 繁體中文
en 英文
session-from:類型 字符串 會話來源 (open-type="contact" 有效)
send-message-title:類型 字符串 會話內消息卡片標題 (open-type="contact" 有效)
屬性值:當前標題
send-message-path:類型 字符串 會話內消息卡片點擊跳轉小程序路徑 (open-type="contact" 有效)
屬性值:當前分享路徑
send-message-img:類型 字符串 會話內消息卡片圖片 (open-type="contact" 有效)
屬性值:截圖
app-parameter:類型 字符串 打開APP時,向APP 傳遞參數 ,(open-type="launchApp" 有效)
show-message-card:類型 布爾 是否顯示會話內消息卡片,設置此參數爲true,用戶進入客服會話,在右下角顯示,可能要發送的小程序的提示,用戶點擊後,能夠快速發送小程序的消息
(open-type="contact")時 有效
事件:
bindgetuserinfo:用戶點擊該按鈕時,會返回獲取的用戶信息,回調的 detail數據與 wx.getUserInfo 返回的一致,open-type="getUserInfo" 時有效
bindcontact:客服消息回調,open-type="contact" 時有效
bindgetphonenumber:獲取用戶手機號回調, open-type="getPhoneNumber" 時 有效
binderror:當使用開放能力時,發生錯誤的回調,open-type="launchApp" 時 有效
bindopensetting:打開受權設置頁後回調,open-type="openSetting" 時 有效
bindlaunchapp:打開APP 成功的回調, open-type="launchApp" 時 有效