微信小程序弹窗提示怎么写

第一种:弹出提示框,可以选择确定或者取消。

代码:

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

第二种:不带确定和取消的,直接提示成功

代码:

wx.showToast({
 title: '成功',
 icon: 'success',
 duration: 2000//持续的时间
})

第三种:提示等待中…

代码:

wx.showToast({
 title: '等待...',
 icon: 'loading',
 duration: 2000//持续的时间
})

第四种:提示文字,没有任何图标效果,但是文字可以写的很多。

代码:

wx.showToast({
 title: '这里面可以写很多的文字,比其他的弹窗都要多!',
 icon: 'none',
 duration: 2000//持续的时间
})

第五种:弹窗提示选择,例如选择ABCD那种

代码:

wx.showActionSheet({
 itemList: ['A', 'B', 'C'],
 success: function (res) {
   if (!res.cancel) {
     console.log(res.tapIndex)//这里是点击了那个按钮的下标
   }
 }
})


第六种:多用于页面提示加载

代码:

<loading hidden="{{hidden}}">
       加载中...
</loading>

hidden有两个值:false和true

原文:https://jingyan.baidu.com/article/456c463b38ca900a5831449a.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注