这个例子的主要功能是点击按钮弹出一个半透明的弹出层，然后在指定时间后激活关闭按钮关闭弹出层。

Wxml部分

view class=' wrap ' view class=' btns ' Button formtype=' submit ' class=' BTN ' hover-class=' BTN _ on ' bind tap=' show '使用说明/Button Button form type=' submit ' class=' btnbtn 2 ' hover-class=' BTN _ on ' bind tap=' enter '输入报告/按钮/视图滚动-视图滚动-y=' true ' style=' height 3360100%；'class=' modal-box ' hidden=' { { flag } } ' view class=' modal-body ' view class=' modal-content ' view class=' HD '百姓拍照简介view class=' HD '“为民拍照”可以广泛应用于各个行政执法单位，可以尽可能贴近百姓，非常方便地收集百姓提交的各类信息，为行政执法机关更好地做好行政执法工作、消除监督盲区提供更多渠道。/viewview class='bd '函数应用程序：1。举报非法建坟和非法安葬；2、举报违法建设、侵占等行为；3.举报侵占林地、山林、耕地等违法行为；4.举报不文明行为(乱扔垃圾、污染水源、脏乱差等。);5.其他……/viewview class='bd=' bd '行政执法机关的管理员可以登录后台查看群众提交的信息，将群众提交的手机GPS定位信息、场景图片、提交事项等以信息的形式转发给相关部门。相关部门执法人员可以通过GPS信息和现场图片快速找到事发地点，做好处置工作，防止事态进一步扩大。/view button formTYPe=' submit ' style=' opa city 3360 { {不透明度} }；background: # 2fb7f7color: # fffclass=' known BTN ' hover-class=' known TN _ on ' disabled=' { { disabled } } ' bind tap=' hide ' I known({ { count time } })/button/view/view/scroll-view/view js

var app=getapp()page({ data : { flag : true，//弹出层是否显示disabled3360 true，opacity: 0.7是否可用，//设置transparency counttime:8}，/* *生命周期函数-监听页面加载*/onload :函数(选项){}，//show : function () {var那=thisthat . setdata({ flag : false })；倒计时(即8)；}，//消失隐藏：函数(){this。setdata ({flag: true，disabled3360 true，不透明度： 0.7})}，Enter:function () {wx。navigateto ({url: './form/form'})}，/** *生命周期函数-监视页面第一次呈现的完成情况*/onread :函数(){}，/* * *生命周期函数-监视页面显示*/onShow:函数(){}，/* * *生命周期函数-监视页面隐藏*/onHide:函数(){}，/* * *生命周期函数-监视页面卸载*/onunload 3360函数(){}，/* * *页面相关事件处理函数-监视用户下拉操作*/onpull