百度智慧小程式彈窗自定義模板|小程式彈窗元件
摘要：
百度小程式彈窗外掛開發|智慧小程式自定義model彈窗/toast提示框
百度智慧小程式推出來也有一段時間，看官方提供的彈窗元件形式基本和微信小程式、支付寶小程式差不多。
如是自己就動手開發了個智慧小程式自定義彈窗模板，自定義彈窗wcPop外掛
...
百度小程式彈窗外掛開發|智慧小程式自定義model彈窗/toast提示框
百度智慧小程式推出來也有一段時間，看官方提供的彈窗元件形式基本和微信小程式、支付寶小程式差不多。
如是自己就動手開發了個智慧小程式自定義彈窗模板，自定義彈窗wcPop外掛
/**
* @title百度小程式自定義彈窗demo
* @Createandy
* @Timer2018/11/29 23:50:45 GMT+0800 (中國標準時間)
* @bolghttps://www.cnblogs.com/xiaoyan2017Q：282310962wx：xy190310
*/
// 引入外掛js
import {wcPop} from '../../utils/component/wcPop/tpl.js';
Page({
data: {},
onLoad: function () {
// 頁面載入
},
/**
* --------- 百度小程式彈窗演示函式.Start ---------
*/
//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("知道了");
}
}
]
});
},
//自定義多按鈕
btnTap05: function(e) {
wcPop({
title: '^-^悠然的時光',
content: '漫長時光裡流露出無限溫柔で，要努力做好這一切，時刻準備向前，多年後必會感謝曾經努力的自己',
style: 'border-top:5px solid #3388ff;max-width:90%', //自定義彈窗樣式
anim: 'fadeInUp',
opacity: .85,
btns: [
{
text: '發訊息',
style: 'color:#179b16;',
onTap() {
console.log('您點選了發訊息！');
}
},
{
text: '評論他',
style: 'color:#3388ff;',
onTap() {
console.log('您點選了傳送該名片！');
}
},
{
text: '贊一下',
onTap() {
console.log('您點選了贊一下！');
wcPop.close();
}
}
]
});
},
});
Line"/>