小程序的各种弹窗(微信小程序弹窗怎么关)

//test.jsPage({popSuccessTest:function(){wx.showToast({title:’成功提示弹窗’,icon:”,//默认值是success,就算没有icon这个值,就算有其他值最终也显示successduration:2000,//停留时间})}…

大家好,又见面了,我是你们的朋友全栈君。

1、纯文本提示

   wx.showToast({
      title: '纯文字弹窗',
      icon: 'none',    //如果要纯文本,不要icon,将值设为'none'
      duration: 2000     
    })  

2、取消确认提示

 wx.showModal({
      title: 'confirm的弹窗',
      content: '确认要删除该项吗?',
      success: function (res) {
        if (res.confirm) {  
          console.log('点击确认回调')
        } else {   
          console.log('点击取消回调')
        }
      }
    })

3、成功提示

wx.showToast({
      title: '成功提示弹窗',
      icon: '',     //默认值是success,就算没有icon这个值,就算有其他值最终也显示success
      duration: 2000,      //停留时间
    })

4、自定义图标弹窗

 wx.showToast({
      title: '自定义图标弹窗',
      image: '../../static/image/icon.png',  //image的优先级会高于icon
      duration: 2000     
    })

5、加载中提示

wx.showLoading({
      title:'加载中...'
    });

6、带蒙层的弹窗

wx.showToast({
      title: '带蒙层的弹窗',     
      duration: 2000,    
      mask:true    //是否有透明蒙层,默认为false 
                   //如果有透明蒙层,弹窗的期间不能点击文档内容 
    })

7、有列表弹窗

wx.showActionSheet({
      itemList: ['A', 'B', 'C'],
      success: function (res) {
        console.log(res);
      }
    })

隐藏 wx.hideToast()
wx.hideLoading()

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/125413.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • win10cpu睿频怎么关闭_cpu睿频上不去

    win10cpu睿频怎么关闭_cpu睿频上不去笔记本非节能模式下默认开睿频,非常烫手。关闭睿频,步骤如下:打开注册表编辑器=>地址栏输入=>将值改为0=>打开——>——>——>——>——>设置为非要打开睿频的话,笔记本建议使用高性能高效率,频率高,温度相对低,算是一个折中的方案。台式机不清楚,自行测试,可以使用CoreTemp监控温度和频率。…

    2022年9月15日
  • 目标检测百度百科_综述的提纲

    目标检测百度百科_综述的提纲目标检测目标检测要解决的核心问题目标检测最新进展目标检测应用

    2022年10月13日
  • SpringCloud与Dubbo的比较

    SpringCloud与Dubbo的比较Dubbo一、dubbo简介Dubbo是阿里巴巴公司开源的一个高性能优秀的服务框架,使得应用可通过高性能的RPC实现服务的输出和输入功能,可以和Spring框架无缝集成。Dubbo是一款高性能、轻量级的开源JavaRPC框架,它提供了三大核心能力:面向接口的远程方法调用,智能容错和负载均衡,以及服务自动注册和发现。现已发展成为Apache的顶级孵化开源项目,详见官网:…

    2022年6月14日
  • nmap命令的使用「建议收藏」

    nmap命令的使用「建议收藏」介绍portScan的方法介绍portScan就是一种通过检测对方服务器的开放端口,侦测对方服务器服务的方法。一般可分为主动式和被动式两种。主动式就是通过向对方服务器的特定端口发送数据包,根据应答来判断。以nmap为代表被动式,不主动发出数据包,而是在网络上长时侦听,分析网上的transaction,来分析,严格的来被动式不应该被称作是端口扫描。以nwatch为代表优缺点比较主动…

    2022年5月9日
  • XMPP我写底层协议(零)–废话和准备开幕前

    XMPP我写底层协议(零)–废话和准备开幕前

    2022年1月15日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号