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('用户点击取消')
        }
      }
    })   
  },
相关文章
|
9月前
|
iOS开发
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
33 0
|
10月前
uniapp 实现加载效果,消息提示框,模态框
uniapp 实现加载效果,消息提示框,模态框
212 0
|
8月前
|
JavaScript 前端开发
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
54 0
|
7月前
|
API
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
172 0
|
测试技术
支付宝小程序自定义弹窗插件wcPop|模态弹窗model|弱提示Toast
支付宝小程序弹窗插件wcPop|小程序自定义弹窗组件|提示框alert、确认框confirm及prompt、toast提示 请原谅我在这里吐槽下,微信小程序、支付宝小程序官方提供的交互反馈弹窗  如:提示框alert、确认框confirm及prompt、toast弱提示等插件功能比较有限,很多想要的效果都达不到。
6827 0
|
7月前
|
API
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
uni-app点击按钮弹出提示框-uni.showModal(OBJECT),选择确定和取消
333 0
|
1月前
uniapp popup弹出窗详解以及相关属性
uniapp popup弹出窗详解以及相关属性
82 3
|
7月前
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
uni-app点击按钮显示消息提示框-uni.showToast(OBJECT)
110 0
|
7月前
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
uni-app点击按钮底部弹出提示框-uni.showActionSheet(OBJECT)
176 0
|
11月前
|
JavaScript 编译器
【Vue】利用v-model特性封装Dialog弹窗或可编辑窗口。
【Vue】利用v-model特性封装Dialog弹窗或可编辑窗口。

热门文章

最新文章