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

这篇文章主要介绍了微信小程序 弹窗自定义实例代码的相关资料,有时候做开发项目的时候需要根据客户需求更改原系统的组件,这里就对小程序中弹窗进行更改,需要的朋友可以参考下

微信小程序 弹窗

首先wxml代码:

暂无有关信息点击此处  

登录后复制

注: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的执行任务放回任务队列的后面,等待执行。

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序的消息提示框的实现

微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

以上就是微信小程序 弹窗自定义的代码的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/1745607.html

(0)
上一篇 2025年2月19日 23:20:27
下一篇 2025年2月19日 23:20:46

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 小程序心得分享:打造用户喜爱的应用秘诀

    小程序凭借其便捷的用户体验和轻量级的运行特性,成为企业连接用户、提高服务效率的重要工具。本文将分享打造用户喜爱的小程序的一些心得,揭示让小程序获得用户青睐的秘诀,并探讨如何通过专业的app开发服务解决小程序开发过程中遇到的问题。 首先,用户…

    2025年4月28日
    000
  • 如何判断我的小程序是否有市场需求?

    小程序因其便捷、快速、无需下载安装的特性,迅速获得了用户的广泛认可。然而,开发者在面对如何判断小程序是否具备市场需求时,需进行深入的思考。以下是一些实用的建议和方法。 首先,我们需要明确一点:市场需求不是凭空产生的,而是基于用户的真实需求和…

    2025年4月28日
    000
  • 小程序的哪些商业模式比较容易盈利?

    小程序已成为商家与用户互动的重要工具。由于其便捷、高效和低成本的优势,越来越多的企业和个人开发者被吸引。那么,哪些小程序商业模式更容易实现盈利呢?本文将结合当前市场情况,探讨几种常见且易于盈利的小程序商业模式。 一、电商类小程序 电商类小程…

    2025年4月28日
    000
  • 小程序后端搭建指南:打造专业级后端服务的秘诀!

    小程序凭借其便捷和易用性,迅速赢得了用户的喜爱。然而,要想在竞争激烈的市场中脱颖而出,仅靠吸引人的前端设计是不够的,背后需要一个强大、稳定且安全的后端服务支持。那么,如何打造一流的小程序后端服务呢? 构建小程序的后端是一个系统化的任务,需要…

    2025年4月28日
    000
  • 如何在微信平台上发布和管理我的小程序

    在微信平台上发布和管理小程序是一个多步骤、需要详细操作的过程,下面详细介绍如何在微信平台上完成这些任务。 首先需要明确的是,发布和管理小程序需要一定的技术知识和经验。如果你是第一次接触小程序,建议先进行一些基础学习和实践。 一、在微信公众平…

    2025年4月28日
    000
  • 内容付费模式如何在小程序中实现?

    内容付费模式已成为知识传播和服务交易的常见方式,尤其在小程序平台上,它不仅帮助内容创作者实现了价值转化,还为用户提供了更加个性化和专业化的服务。以下是内容付费模式在小程序中的实现路径,并探讨如何通过专业的app开发解决实现过程中可能遇到的问…

    2025年4月28日
    000
  • 如何利用小程序进行线上销售?

    亲爱的网友们,今天我将与大家探讨“如何利用小程序进行线上销售”的主题。如果你还在使用传统的线上销售方式,那么你需要继续阅读,更新你的网络销售工具库! 首先,让我们揭开这个“小程序”究竟是什么样的魔法工具。它是一种无需下载安装即可使用的应用,…

    2025年4月28日
    000
  • 小程序进阶:高级功能探索

    小程序因其便捷性和高效性,越来越受到企业和开发者的欢迎。从基本的信息展示到复杂的业务处理,小程序的功能不断创新和扩展。本文将深入探讨小程序的高级功能以及进阶开发策略,帮助那些已掌握基础知识的开发者或企业更好地利用这些高级功能,提升用户体验和…

    2025年4月28日
    000
  • Line小程序给我们带来了哪些意想不到的便利?

    大家好!在这个快节奏的时代,我们总是在寻找那些能让生活更便捷的小工具。今天,我要和大家聊聊一个在我们的日常生活中悄无声息却又越来越不可或缺的存在——line小程序。从最初的好奇尝试到现在的日常必用,line小程序给我们带来了意想不到的便利。…

    2025年4月28日
    000
  • 小程序在教育行业有哪些应用案例?

    小程序在教育领域的崛起,为教学和学习的互动开辟了新的平台和方式。本文旨在探讨并分析小程序在教育行业的多样化应用案例,及其如何通过专业的app开发来满足教育领域的特定需求。教育小程序案例不仅展示了技术如何推动教育的创新,也说明了小程序在提升教…

    2025年4月28日
    000

发表回复

登录后才能评论