代孕_邵陽代孕█微信：138-0226-9370██████代孕包成功電詢顧問，代孕包男孩，供卵代孕，三代試管嬰兒選性別，供卵試管嬰兒，十年老品牌代孕公司，

百度智慧小程式自定義彈窗元件wcPop|百度小程式model對話方塊|智慧小程式彈窗介面模板

最近百度也推出了自己的智慧小程式，如是就趕緊去試了下，官方提供的api還不是狠完整。而且官方提供的彈窗元件也不能滿足一些複雜展示場景，所以就自己動手封裝了個智慧小程式彈窗wcPop自定義模板外掛。

百度智慧小程式wcPop支援多種動畫展示形式，超精簡呼叫api，可自定義多按鈕事件，隨意自定義彈窗模板內容。

智慧小程式彈窗demo展示：

外掛呼叫api超簡潔，易於上手，只需在需要呼叫的頁面引入tpl.js即可：

/**
 * @title     百度小程式自定義彈窗demo
 * @Create    andy
 * @Timer    2018/11/29 23:50:45 GMT+0800 (中國標準時間)
 * @bolg    https://www.cnblogs.com/xiaoyan2017   Q：282310962  wx：xy190310
 */

// 引入外掛js
import {wcPop} from '../../utils/component/wcPop/tpl.js'
 
;

Page({
    data: {},
    onLoad: function () {
        // 頁面載入
    },


    /**
     * --------- 百度小程式彈窗演示函式.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("知道了");
            }
            }
        ]
        });
    },

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

        btns: [
            {
            text: '取消',
            onTap() {
                console.log('您點選了取消！');
                wcPop.close();
            }
            },
            {
            text: '確定',
            style: 'color:#3388ff;',
            onTap() {
                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();
            }
            }
        ]
        });
    },

    //底部對話方塊
    btnTap06: function(e) {
        wcPop({
        skin: 'footer',
        content: '確定刪除該條資料嗎？刪除後可在7天之內恢復資料，超過7天后資料就無法恢復啦！',
        anim: 'footer',
        shadeClose: false,

        btns: [
            {
            text: '恢復',
            style: 'color:#3388ff;',
            onTap() {
                console.log('您點選了恢復！');

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

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

});