小程序实践:showModal的使用

Posted 听着music睡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序实践:showModal的使用相关的知识,希望对你有一定的参考价值。

显示模态对话框,确定和取消两个选择+标题+内容的对话框

 

 

.

// 编辑用户性别
  tapSex:function(res){
      var that = this
      wx.showModal({
        title: \'选择性别\',
        content: \'\',
        cancelText:\'\',
        confirmText:\'\',
        success(res){
          if(res.cancel){
            // 用户点击了取消属性的按钮,对应选择了\'女\'
            that.setData({
              userSex:2
            })
          }else if(res.confirm){
            // 用户点击了确定属性的按钮,对应选择了\'男\'
            that.setData({
              userSex:1
            })
          }
        }
      })

  }

 

 

 

 

 

 

 

 

 

--------------------------------------------------------------------------------------

 

小程序实践(一):主页tab选项实现

小程序实践(二):swiper组件实现轮播图效果

小程序实践(三):九宫格实现及item跳转

小程序实践(四):动态控制组件的显示/隐藏

小程序实践(五):for循环绑定item的点击事件

小程序实践(六):view内部组件排版

小程序实践(七):页面间传值

小程序实践(八):验证码倒计时功能

小程序实践(九):返回到上一个界面并传值回去

小程序实践(十):textarea实现简单的编辑文本界面

小程序实践(十一):showModal的使用

小程序实践(十二):七牛云上传图片

 

以上是关于小程序实践:showModal的使用的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序weui dialog封装,兼容wx.showModal

小程序在IOS苹果系统下使用showModal文字不显示的BUG

小程序的showModal的content可以为输入框吗

javascript 小程序的ShowModal

微信小程序之wx.showmodal

微信小程序wx.request,wx.showToast,wx.showLoading,wx.showModal的简易封装