微信小程序开发(三)--交互反馈
2017-08-20 14:00
239 查看
1.wx.showToast(OBJECT) 显示消息提示框
2.wx.showModal(OBJECT) 显示模态弹窗
//封装在app.js中 showToast:function(msg){ wx.showToast({ title: msg.title, icon: msg.icon, duration: 2000 }) } //在其他页面调用 let app=getApp(); let loading={ title:'加载中', icon:'loading' } let success={ title:'创建成功', icon:'success' } app.showToast(loading); app.showToast(success);
2.wx.showModal(OBJECT) 显示模态弹窗
//封装在app.js中,异步操作需要写成promise来接收参数 showModal:function(msg){ return new Promise((resolve,reject)=>{ wx.showModal({ title: msg.title', content: msg.content, success: function(res) { if (res.confirm) { resolve(res.confirm); //console.log('用户点击确定') } else if (res.cancel) { resolve(res.cancel); //console.log('用户点击取消') } } }) }) } //在其他页面调用 let app=getApp(); let modal={ title:'提示', content:'用户名不能为空' } app.showModal(modal).then((data)=>{ console.log('用户点击了:',data); });
相关文章推荐
- 从零开始学微信小程序开发:7 交互反馈
- 微信小程序开发-交互反馈
- 从零开始学微信小程序开发:9 与后台交互
- 微信小程序----界面交互反馈API(wx.showToast(OBJECT)、wx.showModal(OBJECT))(MUI消息框)
- 微信小程序-拒绝授权友好的交互反馈方式
- 微信小程序——交互反馈 toast
- 微信小程序开发之下拉刷新 上拉加载
- 微信小程序开发之大转盘 仿天猫超市抽奖
- 开发微信小程序(3)-全局配置app.json及底部导航栏实现
- 微信小程序开发如何使用npm包--labrador使用
- 微信小程序开发笔记
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发教程(基础篇)7-数据绑定上
- 微信小程序开发之 下拉刷新,上拉加载更多
- 微信小程序开发 | 把玩系列:各种组件和API实用详解
- 微信小程序开发的入口方式
- 微信跳一跳辅助程序开发,基于C++与opencv图像识别
- 微信小程序开发常用知识点
- 微信小程序开发:图片绝对定位以及数据遍历的步骤
- 微信小程序开发之五星评分