微信小程序消息提示：toast、modal与actionSheet详解

“微信小程序-消息提示框” 在微信小程序开发中，消息提示框是与用户交互时不可或缺的一部分，用于向用户显示短暂的提示信息。主要涉及三种类型的消息提示：`wx.showToast`、`wx.showModal` 和 `wx.showActionSheet`。 1. wx.showToast()： - 这个方法用于显示一个小型的消息提示框，通常用于简单的信息反馈，如操作成功或失败。它接受一个 `OBJECT` 参数，包含以下属性： - `title`：必填，字符串类型，用于设置提示框的文本内容。 - `icon`：可选，字符串类型，可以是 'none'、'success'、'loading'，用于设置图标，默认为 'none'。 - `duration`：可选，数字类型，表示提示框显示的时长（单位：毫秒），默认为 2000 毫秒。 - 示例代码展示了如何使用 `wx.showToast()` 显示“成功”和“加载中”的提示框，并通过 `wx.hideToast()` 隐藏提示框。 2. wx.showModal()： - 这个方法用于显示一个模态弹窗，提供更丰富的交互场景。同样接收一个 `OBJECT` 参数： - `title`：可选，字符串类型，定义弹窗的标题。 - `content`：必填，字符串类型，定义弹窗中的内容。 - `success`：可选，回调函数，当用户点击确认或取消时触发，返回一个 `res` 对象，包含 `confirm` 和 `cancel` 属性，分别标识用户是否点击了确认按钮。 - 示例代码展示了如何创建一个简单的模态弹窗，并监听用户点击事件。 3. wx.showActionSheet()： - 此方法用于显示一个操作菜单，通常用于提供多个选项让用户选择。同样接收一个 `OBJECT` 参数： - `itemList`：必填，数组类型，定义显示在菜单中的选项。 - `success`：回调函数，当用户点击选项或取消时触发，返回一个 `res` 对象，包含 `cancel` 和 `tapIndex` 属性，分别标识用户是否取消操作及点击的选项索引。 - 示例代码展示了如何创建一个包含 'A'、'B'、'C' 三个选项的操作菜单，并监听用户的点击行为。 以上三种提示方式在微信小程序中都有其特定的应用场景，开发者可以根据实际需求灵活选择。在创建这些提示时，要注意用户体验，避免频繁或不必要的提示打扰用户。同时，正确处理回调函数，确保在用户完成操作后关闭提示，保持界面的整洁和流畅。