10wx.showToast消息提示框 wx.showModal模态对话框

简介: 10wx.showToast消息提示框 wx.showModal模态对话框

1==》wx.showToast 弹出层 在界面交互中  显示消息提示框


它是一个消失提示框 提示用户成功 或者失败等消息


 <button size='mini' bindtap='hanleShowToasr'>弹出层</button>
  hanleShowToasr(){
    wx.showToast({
      title: '成功了',
      duration:2000, //2s后消失
      icon: 'none',//去除小图标
    })
  },


2==》显示模态对话框   wx.showModal


它不仅有消失提示  还有确定和取消按钮


<button size='mini' bindtap='getshowModal'>弹出层</button>
  getshowModal(){
    wx.showModal({
      title: '提示',
      content: '这是一个模态弹窗',
      showCancel:false,//是否显示取消按钮  false 不显示
      cancelText:"取消哦",//更改取消
      confirmText:"吃工了",
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })   
  },
相关文章
|
10月前
uniapp 实现加载效果,消息提示框,模态框
uniapp 实现加载效果,消息提示框,模态框
251 0
|
8月前
|
JavaScript 前端开发
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
59 0
|
7月前
|
API
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
196 0
|
7月前
|
API
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
456 0
|
1月前
uniapp popup弹出窗详解以及相关属性
uniapp popup弹出窗详解以及相关属性
96 3
|
7月前
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
182 0
|
7月前
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
116 0
|
7月前
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
23 0
|
开发工具 iOS开发 git
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
185 0
iOS开发 - 类似美团选商品页,从按钮上往上滑动,tableview依然响应,点击按钮,按钮也可响应
|
JavaScript
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
【layui小技巧】layer使用layer.msg方法时如何让用户点击遮罩层就关闭消息框?layer.msg点击消失
744 0