微信小程序自定義彈窗插件|showModel模態彈窗|Toast提示

微信小程序彈窗wcPop開發|微信小程序自定義彈窗插件|alert、model、toast多功能彈窗
有過微信小程序開發的程序員都知道,官方提供的彈窗交互組件功能非常有限,對於想要實現一些豐富的彈窗應用場景就只能自己擼代碼實現了。

之前有開發過一個手機端h5彈窗插件wcPop,反正原生js代碼語法都差不多,就試着搞了個微信小程序彈窗插件,功能效果肯定能滿足大多數彈窗使用場景。

如果剛好您的項目開發中需要用到的話,希望對您們有些些的幫助!

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

圖片描述

/**
* --------- 小程序彈窗演示函數.Start ---------
*/
//msg提示
btnTap01: function(e) {
wcPop({
  anim: 'fadeIn',
  content: '這裏是msg提示框測試(5s後窗口關閉)',
  shade: true,
  shadeClose: false,
  time: 5
});
},

//msg提示(黑色背景)
btnTap02: function(e) {
wcPop({
  content: '這裏是msg提示框測試(2s後窗口關閉)',
  shade: false,
  style: 'background: rgba(17,17,17,.7); color: #fff;',
  time: 2
});
},

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

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

  btns: [
    {
      text: '知道了',
      style: 'color: #999',
      onTap() {
        wcPop.close(index);
        console.log("知道了");
      }
    }
  ]
});
},
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章