wechat miniprogram dialog下載 - wechat miniprogram dialog下載

下載

wechat-miniprogram-dialog

git clone https://github.com/simsir-lin/wechat-miniprogram-dialog.git

npm install --save wechat-miniprogram-dialog

 {
  "usingComponents" : {
    "dialog" : "wechat-miniprogram-dialog"
  }
}

 < dialog > </ dialog >

name	description	type	default value
title	標題	String	提示
width	寬度	String	650rpx
opacity	模態層的透明度	Number	0.4
closeOnClickModal	是否可以點選模態圖層關閉彈窗	Boolean	false
animation	開啟動畫	Boolean	true
confirmText	確定按鈕的文字	String	確定
cancelText	取消按鈕的文字	String	取消
confirmColor	確定按鈕的文字顏色	String	#333333(支援RGBA)
cancelColor	取消按鈕的文字顏色	String	#999999(支持RGBA)
showConfirm	是否顯示確定按鈕	Boolean	true
showCancel	是否顯示取消按鈕	Boolean	true
confirmBackgroundColor	確定按鈕背景顏色	String	#ffffff(支持RGBA)
cancelBackgroundColor	取消按鈕背景顏色	String	#ffffff(支持RGBA)
confirmOpenType	決定按鈕微信開放能力，請參考https://developers.weixin.qq.com/miniprogram/dev/component/button.html	String
cancelOpenType	取消按鈕微信開放能力，請參考https://developers.weixin.qq.com/miniprogram/dev/component/button.html	String
loading	確認按鈕是否附有loading 圖標	Boolean	true
gatherFormId	是否收集formId	Boolean	true
appParameter	開啟APP 時，傳遞給APP的參數，*-open-type="launchApp"時有效	String
sessionFrom	會話來源，*-open-type="contact"時有效	String
position	位置，有center、top、bottom	String	center

name	description	parameters
open	當視窗打開
close	當視窗關閉
cancel	點擊取消
confirm	點擊確認
getFormId	取得formid	event.detail.formId
getuserinfo	點擊按鈕時，會傳回獲取到的使用者信息，*-open-type="getUserInfo"時有效	event.detail
contact	客服訊息回調，*-open-type="contact"時有效
getphonenumber	取得使用者手機號回調，*-open-type="getPhoneNumber"時有效	event.detail
opensetting	開啟授權設定頁面後回調，*-open-type="openSetting"時有效
launchapp	開啟APP 成功的回調，*-open-type="launchApp"時有效