深色模式
Result 結果
一個流程結束後的整頁回饋(成功、失敗、警告、資訊)。使用 Element Plus 的 el-result。
設計準則
- 用於流程的終點頁(建立完成、付款結果);操作中的輕量回饋用 Message/Notification,不要動用整頁
sub-title要有具體資訊(發了幾封、什麼時候發),不要只寫「操作成功」extra一定放下一步:回列表、查看結果——結果頁不能是死路- 失敗頁要說原因和解法(「額度不足,請升級方案」),不是只有一個紅叉
四種狀態
loading
自訂內容(標準用法)
loading
錯誤頁(404)
icon slot 可以換成插圖,用於 404、無權限這類整頁錯誤;一樣要給出口:
loading
Do / Don't
| ✅ Do | ❌ Don't |
|---|---|
| 副標寫具體數字與時間 | 只寫「操作成功」 |
| extra 給下一步按鈕 | 結果頁是死路 |
| 失敗附原因與解法 | 一個紅叉讓人自己猜 |
給工程師
完整 API 見 Element Plus Result 文件。 本站規範優先於 EP 文件中的視覺建議。