您的位置:首页技术文章
文章详情页

微信小程序新手教程之弹框组件modal

【字号: 日期:2022-07-15 17:21:43浏览:49作者:猪猪

微信小程序新手教程之弹框组件modal,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧

弹框组件modal

modal

modal类似于javascript中的confirm弹框,默认情况下是一个带有确认取消的弹框,不过点击取消后弹框不会自动隐藏,需要通过触发事件调用函数来控制hidden属性。

官方文档

微信小程序新手教程之弹框组件modal

.wxml

这是对话框的内容。

.js

微信小程序新手教程之弹框组件modal

Page({

data:{

hidden:false,

nocancel:false

},

cancel: function(){

this.setData({

hidden: true

});

},

confirm: function(){

this.setData({

nocancel: !this.data.nocancel

});

console.log("clicked confirm");

}

})

微信小程序新手教程之弹框组件modal

运行效果

微信小程序新手教程之弹框组件modal

嗨图功能

微信小程序新手教程之弹框组件modal

1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈。

2、分享墙——用户上传的自己DIY作品。

3、立即制作——可以用自己的图来DIY。

4、告诉我——告诉产品的改进,内容的增加。

想要体验怎么制作属于自己个性朋友圈照片的用户,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!

微信小程序新手教程之弹框组件modal
标签: 微信
相关文章: