微信小程序自定義控件--dialog

地址：https://github.com/LinweiJ/wega_weapp

二.dialog

1.將/utils/dialog文件夾copy到根目錄下的utils

2.copy以下代碼 到所需page目錄xxx.wxss,或者 多個頁面使用,直接導入app.wxss 全局都可使用(建議)

/* 導入dialog樣式 */
@import "utils/dialog/dialog.wxss";

3.copy以下代碼到所需page目錄xxx.wxml

<!-- dialog 對話框 -->
<include src="../../utils/dialog/dialog.wxml" />

4.copy以下代碼到所需page目錄xxx.js

/**
 * dialog對話框
 */
var dialog = require('../../utils/dialog/dialog.js');

5.使用

 dialog.dialog({
      page: this,
      currentStatu: "open",
      message:"是否撥打客服電話",
      confirmText: '撥打',
      confirmColor: "#00a7e5",
      confirm: function () {
        console.log("confirm");
      }
    })
//參數
 page:頁面 (必需)
 currentStatu:狀態 'open' 'close' 'confirm'
 message:提示文字
 confirmText:確定鍵文字
 confirmColor:確定鍵文字顏色 如"#ff00ff"  rgb(0,0,0)
 confirm:確定鍵點擊事件 
 showCancel:是否顯示取消鍵,默認 true
 canceledOnTouchOutside:蒙層是否可以取消  默認 true,

6.參考

更多細節參考wega_weapp/pages/dialog_demo/

7.源碼