export class Prompt { constructor() {} /** * 显示消息提示框。 */ showToast( options = { title: '', // String 是 提示的内容,长度与 icon 取值有关。 icon: 'none', // String 否 图标,有效值详见下方说明。 image: '', // String 否 自定义图标的本地路径 5+App、H5、微信小程序、百度小程序 mask: true, // Boolean 否 是否显示透明蒙层,防止触摸穿透,默认:false 5+App、微信小程序 duration: 1500, // Number 否 提示的延迟时间,单位毫秒,默认:1500 position: '', // String 否 纯文本轻提示显示位置,填写有效值后只有 title 属性生效, 有效值详见下方说明。 5+App success: () => {}, // Function 否 接口调用成功的回调函数 fail: () => {}, // Function 否 接口调用失败的回调函数 complete: () => {} // Function 否 接口调用结束的回调函数(调用成功、失败都会执行) } ) { uni.showToast({ title: options.title || '提示', icon: options.icon || 'none', image: options.image || '', mask: options.mask || true, duration: options.duration || 1500, position: options.position || '', success: options.success || (() => {}), fail: options.fail || (() => {}), complete: options.complete || (() => {}) }) } /** * 隐藏消息提示框。 */ hideToast() { uni.hideToast() } /** * 显示 loading 提示框, 需主动调用 hideLoading 才能关闭提示框。 * @param {*} options */ showLoading( options = { title: '', // String 是 提示的内容,长度与 icon 取值有关。 mask: true, // Boolean 否 是否显示透明蒙层,防止触摸穿透,默认:false 5+App、微信小程序 success: () => {}, // Function 否 接口调用成功的回调函数 fail: () => {}, // Function 否 接口调用失败的回调函数 complete: () => {} // Function 否 接口调用结束的回调函数(调用成功、失败都会执行) } ) { uni.showLoading({ title: options.title || '', mask: options.mask || true, success: options.success || (() => {}), fail: options.fail || (() => {}), complete: options.complete || (() => {}) }) } /** * 隐藏 loading 提示框。 */ hideLoading() { uni.hideLoading() } /** * 显示操作菜单 * @param {*} options */ showActionSheet( options = { itemList: [], // Array itemColor: '#000000', success: () => {}, // Function 否 接口调用成功的回调函数 fail: () => {}, // Function 否 接口调用失败的回调函数 complete: () => {} // Function 否 接口调用结束的回调函数(调用成功、失败都会执行) } ) { uni.showActionSheet({ itemList: options.itemList || [], itemColor: options.itemColor || '#000000', success: options.success || (() => {}), fail: options.fail || (() => {}), complete: options.complete || (() => {}) }) } /** * 显示模态弹窗,类似于标准 html 的消息框:alert、confirm。 * @param {*} options */ showModal( options = { title: '', // String 是 提示的标题 content: '', // String 是 提示的内容 showCancel: true, // Boolean 否 是否显示取消按钮,默认为 true cancelText: '取消', // String 否 取消按钮的文字,默认为"取消",最多 4 个字符 cancelColor: '#000000', // HexColor 否 取消按钮的文字颜色,默认为"#000000" H5、微信小程序、百度小程序 confirmText: '确定', // String 否 确定按钮的文字,默认为"确定",最多 4 个字符 confirmColor: '#007aff', // HexColor 否 确定按钮的文字颜色,H5平台默认为"#007aff",微信小程序平台默认为"#3CC51F",百度小程序平台默认为"#3c76ff" H5、微信小程序、百度小程序 success: () => {}, // Function 否 接口调用成功的回调函数 fail: () => {}, // Function 否 接口调用失败的回调函数 complete: () => {} // Function 否 接口调用结束的回调函数(调用成功、失败都会执行) } ) { uni.showModal({ title: options.title || '提示', content: options.content || '', showCancel: options.showCancel || true, cancelText: options.cancelText || '取消', cancelColor: options.cancelColor || '#000000', confirmText: options.confirmText || '确定', confirmColor: options.confirmColor || '#007aff', success: options.success || (() => {}), fail: options.fail || (() => {}), complete: options.complete || (() => {}) }) } }