有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

小程序提示框(消息提示框,uni-app)

uni-app 炮渣日记 4周前 (11-12) 20次浏览 已收录 0个评论 扫描二维码

1.uni.showToast(object)

显示消息提示框

uni.showToast({
  title: '显示提示信息',
  duration: 2000,
  mask:true
})
小程序提示框(消息提示框,uni-app)

参数

title:提示的内容,长度与icon图标取值有关。

icon:icon值包括success、error 、fail 、exception、loading 、none。

{

success:显示成功图标,此时title文本在小程序平台最多先试试7个汉字长度。

error:显示错误图标,此时title文本在小程序平台最多显示7个汉字长度。

fail:显示错误图标,此时title文本无长度显示。

exception:显示异常图标,此时title文本在小程序平台最多显示7个汉字长度。

loading:显示加载图标,此时title文本在小程序平台最多显示7个汉字长度。

none:不显示图标,此时title文本在小程序最多显示两行,App仅支持单行显示。

}

mask:是否显示透明蒙层,防止触摸穿透,默认为false。

duration:提示的延迟时间,单位毫秒,默认延迟时间:1500。

position:显示位置。’top’ 居上显示 、’center’ 居中显示 、’bottom’ 居底显示

2.uni.hideToast()

隐藏消息提示框。

uni.hideToast()

3.uni.showLoading(object)

显示loading提示框,需要主动调用uni.hideLoading()才能关闭提示框。

uni.showLoading({
  	title: '加载中'
})
小程序提示框(消息提示框,uni-app)

4.uni.hideLoading()

隐藏loading提示框。

uni.showLoading({
	title: '加载中'
});

setTimeout(function () {
	uni.hideLoading();
}, 1000);

5.uni.showModal(object)

显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮。

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function (res) {
      if (res.confirm) {
        console.log('用户点击确定');
      } else if (res.cancel) {
        console.log('用户点击取消');
      }
    }
});
小程序提示框(消息提示框,uni-app)

参数:

title:提示的标题。

content:提示的内容。

showCancel:是否显示取消按钮,默认为true。

cancelText:取消按钮的文字,默认为“取消”。

cancelColor:取消按钮的文字颜色,默认为“#000000”。

confirmText:确定按钮的文字,默认为“确定”。

confirmColor:确定按钮文字颜色,H5平台默认为“#007aff”,微信小程序默认为“#576B95”,百度小程序平台默认为“#3c76ff”。

editable:是否显示输入框。

小程序提示框(消息提示框,uni-app)

placeholderText:显示输入框是的提示文字。

6.uni.showActionSheet(object)

从底部向上弹出操作菜单。

uni.showActionSheet({
      itemList: ['按钮1', '按钮2', '按钮3'],
      success: function (res) {
        console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
      },
      fail: function (res) {
        console.log(res.errMsg);
      }
	});
小程序提示框(消息提示框,uni-app)

参数:

title:菜单标题。

itemList:按钮文字。

itemColor:按钮的文字颜色,默认为“#000000”。

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址