支付寶小程序自定義彈窗dialog插件的實(shí)現(xiàn)代碼

//信息框
 btnTap03: function(e) {
 var index = wcPop({
 content: '信息框 （這里演示信息框功能效果，這里演示信息框功能效果，這里演示信息框功能效果）',

 shadeClose: true,
 anim: 'rollIn',
 xclose: true,

 btns: [
 {
 text: '知道了',
 style: 'color: #999',
 onTap() {
 wcPop.close(index);
 console.log("知道了");
 }
 }
 ]
 });
 },

 //詢問框
 btnTap04: function(e) {
 wcPop({
 title: '溫馨提示~~~',
 content: '警告，非法操作非法操作非法操作非法操作非法操作非法操作非法操作！！！',
 shadeClose: false,
 anim: 'shake',

 btns: [
 {
 text: '取消',
 onTap() {
 console.log('您點(diǎn)擊了取消！');
 wcPop.close();
 }
 },
 {
 text: '確定',
 style: 'color:#108ee9;',
 onTap() {
 console.log('您點(diǎn)擊了確定！');
 }
 }
 ]
 });
 },

 //自定義多按鈕
 btnTap05: function(e) {
 wcPop({
 title: '^-^支付是一種態(tài)度',
 content: '尊敬的用戶，我們?yōu)槟峁┝恕艾F(xiàn)金支付”和“微信支付兩種方式”，請(qǐng)選擇一種您的常用支付方式進(jìn)行支付操作！！！',
 style: 'border-top:5px solid #108ee9;max-width:90%', //自定義彈窗樣式
 anim: 'fadeInUp',
 opacity: .85,

 btns: [
 {
 text: '微信支付',
 style: 'color:#179b16;',
 onTap() {
 console.log('您選擇了微信支付！');
 }
 },
 {
 text: '支付寶支付',
 style: 'color:#108ee9;',
 onTap() {
 console.log('您選擇了支付寶支付！');
 }
 },
 {
 text: '取消',
 onTap() {
 console.log('您取消了支付請(qǐng)求！');
 wcPop.close();
 }
 }
 ]
 });
 },

 //底部對(duì)話框
 btnTap06: function(e) {
 wcPop({
 skin: 'footer',
 content: '確定刪除該條數(shù)據(jù)嗎？刪除后可在7天之內(nèi)恢復(fù)數(shù)據(jù)，超過7天后數(shù)據(jù)就無法恢復(fù)啦！',
 anim: 'footer',
 shadeClose: false,

 btns: [
 {
 text: '恢復(fù)',
 style: 'color:#108ee9;',
 onTap() {
 console.log('您點(diǎn)擊了恢復(fù)！');

 }
 },
 {
 text: '刪除',
 style: 'color:#e63d23;',
 onTap() {
 console.log('您點(diǎn)擊了刪除！');

 //刪除回調(diào)提示
 wcPop({
 anim: 'fadeIn',
 content: '您點(diǎn)擊了刪除功能',
 shade: true,
 time: 3
 });
 }
 },
 {
 text: '取消',
 onTap() {
 console.log('您點(diǎn)擊了取消！');
 wcPop.close();
 }
 }
 ]
 });
 },