weui弹窗效果,weui.confirm

weui.confirm



文章来源地址https://www.toymoban.com/diary/web/180.html

1、普通弹窗

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


2、自定义标题

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


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') }
    }]
});



其他效果:H5 weui





到此这篇关于weui弹窗效果,weui.confirm的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/web/180.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
上一篇 2023年08月19日 16:45
下一篇 2023年08月19日 16:45

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包