uni的三个弹窗

1,直接弹窗

uni.showToast({
    title: '标题',
    duration: 2000
});

2,隐形弹窗

隐藏提示框:uni.hideToast();

3,选择框 之 弹窗双选择

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',

    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

3-1,选择框 之 弹窗双选择  可改选择的字

 uni.showModal({
    title: '更新提示',
    content: '新版本已经准备好,是否重启应用?',
    confirmText: "Confirm",//这块是确定按钮的文字
    cancelText:"Cancel",//这块是取消的文字
    success(res) {
      if (res.confirm) {
        // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
        updateManager.applyUpdate();
      }
    }
  });

 

3-2,选择框 之 弹窗单选择  可改选择的字

uni.showModal({
    title: '更新提示',
    content: '新版本已经准备好,是否重启应用?',
    confirmText: "Confirm",//这块是确定按钮的文字
    //cancelText:"Cancel",//这块是取消的文字
    showCancel: false,//只需要添加这个字段即可隐藏取消按钮
    success(res) {
      if (res.confirm) {
        // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
        updateManager.applyUpdate();
      }
    }
  });

 

posted @ 2022-07-06 18:40  79524795  阅读(802)  评论(0编辑  收藏  举报