码迷,mamicode.com
首页 > 微信 > 详细

微信开发者文档 界面交互api调用测试

时间:2020-06-13 01:02:03      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:hide   oda   conf   成功   csdn   -o   size   ati   code   

第一个

wx.showModal(Object object)

显示模态对话框

modal:function()
{
  wx.showModal({
    title: ‘提示‘,
    content: ‘这是一个模态弹窗‘,
    success (res) {
      if (res.confirm) {
        console.log(‘用户点击确定‘)
      } else if (res.cancel) {
        console.log(‘用户点击取消‘)
      }
    }
  })
}, 

调用后效果:
技术图片

第二个

wx.showToast(Object object)

显示消息提示框

  toast:function()
  {
    wx.showToast({
      title: ‘成功‘,
      icon: ‘success‘,
      duration: 2000
    })
  },

调用后效果:
技术图片
第三个

wx.showLoading(Object object)

显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框

  loading:function()
  {
    wx.showLoading({
      title: ‘加载中‘,
    })
    
    setTimeout(function () {
      wx.hideLoading()
    }, 2000)  //提示框持续时间//   
  },

调用后效果:
技术图片

第四个

wx.showActionSheet(Object object)

显示操作菜单

  ActionSheet:function()
  {
    wx.showActionSheet({
      itemList: [‘A‘, ‘B‘, ‘C‘],
      success (res) {
        console.log(res.tapIndex)
      },
      fail (res) {
        console.log(res.errMsg)
      }
    })
  },

调用后效果:
技术图片

微信开发者文档 界面交互api调用测试

标签:hide   oda   conf   成功   csdn   -o   size   ati   code   

原文地址:https://www.cnblogs.com/kstar/p/13111210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!