当前位置：首页 > 微商怎么做 > 代理怎么做

微信小程序点击弹出层怎么开发

编辑：小飞燕发布时间：2021-04-17 10:18:36

导语本文整理了全网深受用户关注的个微信小程序点击弹出层怎么开发经验知识，可以帮助您全面了解代理怎么做，小白也能成为高手，跟随小编一起来看一看吧！

很多人问小编微信小程序弹出层的开发方法，然后小编给你带了一个教程，小程序弹出层的开发可以参考教程进行。

根据在线教程设置了微信小程序框架，然后看了文档做了一个简单的小程序。

小程序项目的目录是这样的：

小程序参数

app.js、app.json、app.wxss是全局文件，也是必要文件。app.wxss中定义的样式是全局样式，作用于每一页。页面的wxss文件中定义的样式是本地样式，只在对应的页面上起作用，覆盖app.wxss中相同的选择器

app.js文件代码：

app({

小程序客服按钮样式

onlaunch:函数{

console.log ('applet已启动')

小程序图片

onshow:函数{

console.log ('applet display ')

微信小程序主动推送

onhide:函数{

console.log(“小程序隐藏”)

小程序游戏

globaldata: {

haslogin: false

}

微信小程序颜色

})

app.json文件的代码：

{

小程序加载

第' :页[

第一页

小程序打款

window': {

navigationbartextstyle ' : '黑色'，navigationbartitletext ' : '我第一个小程序'，navigation barbakgroundcolor ' : ' # fbf 9fe '，backgroundcolor': '#fbf9fe '

微信小程序的appid

debug': true

}

app.json中的pages起到了设置页面路径的作用。

小程序新功能

app.wxss是一个样式文件，和css文件一样，暂时没有写代码，不影响。

然后是第一个文件夹中的文件

第一个. js文件是微信小程序逻辑文件，就像框架中的控制器一样；首先. json是一个配置文件，有些文件的路径需要在里面；first.wxml就像一个html文件；first.wxss就像html的css文件一样。

开发小程序

first.js文件的代码：

var status=true

页面({

微信小程序链接

toastshow:函数(事件){

console.log('事件触发，吐司弹出')

状态=假

小程序输入框

这个。setdata({ status 3360 status })//setdata方法可以建立新的数据属性，从而达到与视图实时同步的效果

toasthide:function(event){

删除微信小程序

console.log('触发bindchange，隐藏toast ')

状态=真

this . setdata({ status 3360 status })

微信小程序怎么玩

数据：{

status 3360 status//数据中的属性可以传递给视图

小程序怎么样

}

})

first.wxml文件的代码：

小程序调用

点按弹出式吐司

这是吐司

这是状态：{{status}}的值

微信小程序

提示：

toast标记的duration属性的描述：隐藏设置为false后触发bindchange的延迟，以毫秒为单位。在这个应用程序中，按钮后，bindtap的bind事件toastshow被触发：设置status为false，即show toast。然后，3秒钟后，触发toast标签中bindchange的绑定事件，状态设置为true，即toast被隐藏。

第一个. wxss文件代码：mystyle{

小程序怎么搜索