微信小程序自定义弹窗怎么做？

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

　　微信小程序自定义弹窗怎么做?怎么做微信小程序的自动弹窗呢，具体的操作流程是什么?下面小编就来为大家讲解一下微信小程序自定义弹窗怎么做?

　　首先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)

　　})

　　以上就是小编为大家整理的关于微信小程序自定义弹窗怎么做的内容。更多更精彩的内容请持续关注微信素材网。