您当前的位置: 首页 > 知识百科 > 微信小程序浮动层弹出的方法

微信小程序浮动层弹出的方法

时间:2023-07-01 14:05 阅读数:15 人阅读 分类:知识百科

  关于微信小程序浮动层的相关资料,微信小程序商店里面其实已经做过介绍,今天小编再为大家补充一下弹出浮动层的两种方式和实现代码。

  微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里进行小程序布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层。

  直接在小程序代码里控制

  js代码

  showLoading:function(){

  wx.showToast({

  title: '加载中',

  icon: 'loading'

  });

  },

  cancelLoading:function(){

  wx.hideToast();

  }

  在wxml文件里布局弹窗,利用条件渲染,在js代码里控制是否显示

  wxml代码

    加载中

  加载中

  js

  data: {

  showLoading:true

  },

  showLoading:function(){

  this.setData({

  showLoading:true

  })

  },

  cancelLoading:function(){

  this.setData({

  showLoading:false

  })

  上文中介绍了微信小程序浮动层弹出的两种方法以及实现弹出浮动层的相关代码,希望这份资料能够对大家有所帮助,也希望大家都能开发成功。

  

  怎么解决微信小程序map层级的问题

  微信小程序遮罩层开发实例

  微信小程序弹出层的开发和使用