共五個:
Widget (Group-Scoped)
Widget (Page-Scoped)
Widget (UI-Scoped)
CSS (All Pages)
CSS (Single Page)
Node-RED Dashboard 2.0 中,ui-template
節點的「類型」選項決定了模板的作用範圍和用途。以下是各類型的說明:
- Widget (Group-Scoped):
- 描述:是預設類型。模板作為一個小工具(Widget)被渲染在指定的群組(Group)內。
- 用途:於在特定群組中顯示自訂的 HTML 或 Vue 組件。
- Widget (Page-Scoped):
- 描述:板作為一個小工具被渲染在頁面上,但不屬於任何現有的群組。這些小工具會在所有群組之後渲染。
- 用途:用於需要在特定頁面上添加固定元素(例如頁腳)的情況。
- Widget (UI-Scoped):
- 描述:板作為一個小工具被渲染在儀表板的每個頁面上。
- 用途:常與 Vue 的 Teleport 功能結合使用,將元素渲染到全域範圍,例如全域的導航欄或通知。
- CSS (All Pages):
- 描述:板用於定義適用於整個儀表板的自訂 CSS 樣式。
- 用途:所有頁面上的元素提供一致的樣式或主題設定。
- CSS (Single Page):
- 描述:板用於定義僅適用於單個頁面的自訂 CSS 樣式。
- 用途:特定頁面上的元素提供專屬的樣式設定,而不影響其他頁面。
擇適當的類型有助於有效地管理模板的作用範圍,確保自訂內容在儀表板中正確呈現。