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

微信小程序 弹窗

首先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中引入测试模块_Golang测试包导入与使用实践  深圳网站制作平台,深圳市做网站好的公司有哪些？  学校建站服务器如何选型才能满足性能需求？  企业微网站怎么做,公司网站和公众号有什么区别？  如何用好域名打造高点击率的自主建站？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  香港服务器选型指南：免备案配置与高效建站方案解析  建站之星如何助力网站排名飙升？揭秘高效技巧  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  想学网站制作怎么学,建立一个网站要花费多少？  金*站制作公司有哪些,金华教育集团官网？  完全自定义免费建站平台：主题模板在线生成一站式服务  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  图册素材网站设计制作软件,图册的导出方式有几种？  建站之星备案流程有哪些注意事项？  如何获取开源自助建站系统免费下载链接？  建站之星导航如何优化提升用户体验？  建站之星安装步骤有哪些常见问题？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  IOS倒计时设置UIButton标题title的抖动问题  表情包在线制作网站免费,表情包怎么弄？  网站企业制作流程,用什么语言做企业网站比较好？  ,交易猫的商品怎么发布到网站上去？  定制建站哪家更专业可靠？推荐榜单揭晓  装修招标网站设计制作流程,装修招标流程？  定制建站方案优化指南：企业官网开发与建站费用解析  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  c# await 一个已经完成的Task会发生什么  香港网站服务器数量如何影响SEO优化效果？  代购小票制作网站有哪些,购物小票的简要说明？  如何通过PHP快速构建高效问答网站功能？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  如何用PHP快速搭建CMS系统？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  如何快速搭建虚拟主机网站？新手必看指南  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  建站主机空间推荐 高性价比配置与快速部署方案解析  建站168自助建站系统：快速模板定制与SEO优化指南  广德云建站网站建设方案与建站流程优化指南  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站主机是否属于云主机类型？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  Android自定义listview布局实现上拉加载下拉刷新功能  建站之星如何通过成品分离优化网站效率？  如何选择服务器才能高效搭建专属网站？