weui弹窗效果,weui.confirm

weui.confirm

网址:yii666.com<

1、普通弹窗

weui.confirm('普通的confirm');

网址:yii666.com

2、自定义标题

weui.confirm('自定义标题的confirm', { 
    title: '自定义标题' 
});

文章来源地址:https://www.yii666.com/learning/web/180.html

3、回调

weui.confirm('带回调的confirm', function(){ 
        alert('yes') 
    }, function(){ 
        alert('no') 
});

4、自定义标题，并且回调

weui.confirm('带回调的自定义标题的confirm', function(){ 
        console.log('yes') 
    }, function(){ 
        console.log('no') 
    }, {
        title: '自定义标题'
});

5、自定义按钮样式的弹窗

weui.confirm('自定义按钮的confirm', {
    title: '自定义按钮的confirm',
    buttons: [{
        label: 'NO',
        type: 'default',
        onClick: function(){ console.log('no') }
    }, {
        label: 'YES',
        type: 'primary',
        onClick: function(){ console.log('yes') }
    }]
});

文章来源地址https://www.yii666.com/learning/web/180.html文章地址https://www.yii666.com/learning/web/180.html

其他效果：H5 weui