微信小程序 弹窗自定义实例代码

微信小程序 弹窗

首先wxml代码：

<view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view>
<view bindtap="clickArea">点击此处</view>　　

注：hidden属性用于切换比较频繁的地方。

wxss代码设置弹窗样式:

.myToast{
 width:240rpx;
 height:130rpx;
 line-height: 130rpx;
 margin:80rpx 35%;
 border-radius:20rpx;
 background-color: rgb(114,113,113);
 color:rgb(255,255,255);
 font-size: 36rpx;
 text-align: center;
 position: absolute;
 z-index: 100;
 opacity: 0.85;
}

js:

Page({

 data:{
  nullHouse:true, //先设置隐藏
    },
 onLoad:function(options){
   // 页面初始化 options为页面跳转所带来的参数
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 },
 clickArea:function(){
  var that = this;
  this.setData({
  nullHouse:false, //弹窗显示
  }) 
  setTimeout(function(){
  that.data.nullHouse = true, //1秒之后弹窗隐藏
   },1000)
 },
})

 注：setTimeout()函数是异步的，当计算机执行到setTimeout时，此任务先暂停并保存，继续执行后续未完成的任务，当条件满足时，再将setTimeout的执行任务放回任务队列的后面，等待执行。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序自定义弹窗  # 小程序  # 弹窗  # 自定义组件  # 微信小程序实现漂亮的弹窗效果  # 微信小程序弹窗组件使用详解  # 微信小程序四种弹窗方式实例  # 微信小程序实现底部弹窗  # 微信小程序实现点击出现弹窗  # 微信小程序实现自定义弹窗组件的示例代码  # 微信小程序表单弹窗实例  # 微信小程序自定义底部、顶部、中间、左边及右边弹窗  # 暂无  # 希望能  # 点击此处  # 跳转  # 谢谢大家  # 再将  # 未完成  # 放回  # 并保存  # wxss  # width  # color  # style  # span  # radius  # border  # margin  # rpx  # line  # height 

相关文章： 如何在Golang中使用replace替换模块_指定本地或远程路径  建站之星如何实现PC+手机+微信网站五合一建站？  如何快速搭建高效服务器建站系统？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  ,购物网站怎么盈利呢？  如何在建站之星网店版论坛获取技术支持？  北京网站制作的公司有哪些,北京白云观官方网站？  建站主机选虚拟主机还是云服务器更好？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  网站图片在线制作软件,怎么在图片上做链接？  如何选择适合PHP云建站的开源框架？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  建站之星×万网：智能建站系统+自助建站平台一键生成  如何在西部数码注册域名并快速搭建网站？  如何用狗爹虚拟主机快速搭建网站？  建站之星在线客服如何快速接入解答？  如何确认建站备案号应放置的具体位置？  贸易公司网站制作流程,出口贸易网站设计怎么做？  微信推文制作网站有哪些,怎么做微信推文，急？  再谈Python中的字符串与字符编码（推荐）  建站之星2.7模板：企业网站建设与h5定制设计专题  学校为何禁止电信移动建设网站？  广州营销型建站服务商推荐：技术优势与SEO优化解析  如何快速搭建安全的FTP站点？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  深圳网站制作平台,深圳市做网站好的公司有哪些？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星好吗？新手能否轻松上手建站？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  C#怎么创建控制台应用 C# Console App项目创建方法  怀化网站制作公司,怀化新生儿上户网上办理流程？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何用已有域名快速搭建网站？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何高效配置IIS服务器搭建网站？  C#怎么使用委托和事件 C# delegate与event编程方法  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何通过西部数码建站助手快速创建专业网站？    网站企业制作流程,用什么语言做企业网站比较好？  长沙企业网站制作哪家好,长沙水业集团官方网站？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  建站之星展会模板：智能建站与自助搭建高效解决方案