Notification 通知

從畫面角落滑出、帶標題與內文、可停留較久的通知。使用 Element Plus 的 ElNotification 服務。

設計準則

• 用於「較重要、內容較多、需要稍微停留」的訊息:背景任務完成、系統事件、額度提醒;一句話的即時回饋用 Message
• 一定要有標題 + 內文:標題點出事件,內文補充細節(數字、原因、下一步)
• 型別對應語意色,與其他反饋元件一致
• 位置全產品統一:預設右上角;同一產品固定一個角落,不要這裡右上那裡左下
• 重要通知可設較長 duration 或 duration: 0 不自動關,讓使用者自己關
• 通知量大時注意別洗版,必要時導引到「通知中心」頁面統一查看

型別(標題 + 內文)

loading

彈出位置

loading

不自動關閉

重要、需要使用者確認的通知,設 duration: 0 不自動消失,由使用者自己關掉。

loading

Do / Don't

✅ Do	❌ Don't
標題點事件、內文補細節	只有一句話(該用 Message)
全產品固定一個角落	位置隨機到處跳
重要通知停留久一點	重要事件一閃就消失

給工程師

• 呼叫:ElNotification({ title, message, type, position, duration, offset, showClose });或 ElNotification.success({...})
• position:top-right(預設)/ top-left / bottom-right / bottom-left;duration: 0 不自動關閉
• message 可傳 VNode 呈現較豐富的內容
• 完整 API 見 Element Plus Notification 文件。本站規範優先於 EP 文件中的視覺建議。