分隔線 | Quasar Framework

為何捐款

API 瀏覽器

如何貢獻

選項 & 輔助工具

樣式 & 識別

版面配置與格線

Vue 組件

按鈕

表單組件

無限滾動 (Infinite Scroll)

內部載入 (Inner Loading)

交叉 (Intersection)

旋鈕 (Knob)

線性進度條 (Linear Progress)

列表 & 列表項目 (List & List Items)

標記表格 (Markup Table)

選單 (Menu)

無伺服器端渲染 (No SSR)

觀察器 (Observers)

調整大小觀察器 (元素用) (Resize Observer (for Element))

滾動觀察器 (Scroll Observer)

下拉刷新 (Pull to refresh)

滑動轉場 (Slide Transition)

虛擬滾動 (Virtual Scroll)

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue 組合式函式 (Vue Composables)

安全性 (Security)

Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))

Quasar CLI (搭配 Webpack)

Icon Genie CLI

應用程式擴充套件

Quasar 工具程式

分隔符號

QSeparator 元件用於分隔文字段落、其他元件等... 它會在父元件的寬度上建立一條彩色線條。它可以是水平或垂直的。

用法

以下範例僅供參考。並不表示您只能在 QCard、QList 或 QToolbar 上使用 QSeparator。

顏色 CSS 類別

如果您需要，有四個特殊的 Quasar CSS 類別可以應用 QSeparator 的顏色：text-separator、bg-separator、text-dark-separator、bg-dark-separator。

發現錯誤？在瀏覽器中編輯此頁面

1. 介紹

2. QSeparator API

3. 用法

4. 顏色 CSS 類別