百度小程序通用toast组件，如何优化为长尾词？

本文共计918个文字，预计阅读时间需要4分钟。

需求+手百小程序的toast仅支持在页面中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此，需要一个全局可通用的Toast。

效果预览：- 简单文本提示，如操作成功；- 支持不同类型的提示，如警告、错误等；- 自动消失，无需手动关闭。

如何使用：

1.在/toa/toast.js中创建Toast类；

2.在/toa/toast.js中定义不同类型的Toast模板；

3.在/toa/toast.js中定义自动消失的计时器；

4.在/toa/toast.js中提供全局方法，用于创建不同类型的Toast。

代码目录位于：

- /widget/toa/toast.js

需求

手百小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast。

效果预览

如何使用

代码目录位于 /widget/toast 下，包含3个文件

• toast.js 脚本代码
• toast.css 样式文件，可以根据自己需求定制
• toast.swan 模板结构，可以根据自己需求定制

使用步骤一：

将/widget/toast的三个文件，放在与page同名的widget文件夹中，如果项目没有widget文件夹，就新建一个。