知识学堂 > 课程 > 微信小程序弹出选择框

微信小程序弹出选择框

发布日期:2020/7/15 来源:聚恒【返回】

wx.showModal({

     title: '提示',

     content: '这是一个模态弹窗',

     success: function (res) {

       if (res.confirm) {//这里是点击了确定以后

         console.log('用户点击确定')

       } else {//这里是点击了取消以后

         console.log('用户点击取消')

       }

     }

   })

 wx.showModal({  
        title: '',  
        content: '您已申请,我们将尽快与您取得联系。',  
        showCancel: false, // 设置为false以隐藏取消按钮  
        confirmColor: '#', // 确定按钮的颜色  
        success(res) {  
          if (res.confirm{  
            console.log('用户点击确定按钮');  
            // 执行点击确定按钮后的逻辑  
          }  
          // 因为没有取消按钮,所以这里不需要处理取消的情况  
        }  
      });

  wx.showToast({
     title: '内容', //提示的内容
     duration: 2000, //持续的时间
     icon: 'loading', //图标有success、error、loading、none四种
     mask: true //显示透明蒙层 防止触摸穿透
  })


 wx.showActionSheet({
    itemList:['选项一','选项二','其它'], //文字数组
    success: (res) => {
      switch(res.tapIndex) {
        case 0:
          console.log('点击了 选项一')
          break;
        case 1:
          console.log('点击了 选项二')
          break; 
        case 2:
          console.log('点击了 其它选项')
          break;
      }
    },
    fail (res) {
      console.log('取消选项')
    }
  })