## Toast
toast 用于臨時顯示某些信息，并且會在數秒后自動消失。這些信息通常是輕量級操作的成功信息。
提醒：WeUI 不推薦在 toast 中展示失敗狀態，失敗狀態應該使用 Alert 明確告知用戶失敗原因
~~~
<div id="toast" style="display: none;">
<div class="weui-mask_transparent"></div>
<div class="weui-toast">
<i class="weui-icon-success-no-circle weui-icon_toast"></i>
<p class="weui-toast__content">已完成</p>
</div>
</div>
~~~
## [](https://github.com/weui/weui/wiki/Toast#loading)Loading
loading 形態類似于 toast，只是圖標是旋轉的 loading，用于從服務端拉取數據/向服務端提交數據等耗時操作。
~~~
<div id="loadingToast" style="display:none;">
<div class="weui-mask_transparent"></div>
<div class="weui-toast">
<i class="weui-loading weui-icon_toast"></i>
<p class="weui-toast__content">數據加載中</p>
</div>
</div>
~~~
