- Framework7 教程
- Framework7 - 首頁
- Framework7 - 概述
- Framework7 - 環境
- Framework7 元件
- Framework7 - 佈局
- Framework7 - 導航欄
- Framework7 - 工具欄
- Framework7 - 搜尋欄
- Framework7 - 狀態列
- Framework7 - 側邊欄
- Framework7 - 內容塊
- Framework7 - 網格佈局
- Framework7 - 覆蓋層
- Framework7 - 預載入器
- Framework7 - 進度條
- Framework7 - 列表檢視
- Framework7 - 手風琴
- Framework7 - 卡片
- Framework7 - 晶片
- Framework7 - 按鈕
- Framework7 - 操作按鈕
- Framework7 - 表單
- Framework7 - 標籤頁
- Framework7 - Swiper 滑塊
- Framework7 - 圖片瀏覽器
- Framework7 - 自動完成
- Framework7 - 選擇器
- Framework7 - 日曆
- Framework7 - 重新整理
- Framework7 - 無限滾動
- Framework7 - 訊息
- Framework7 - 訊息欄
- Framework7 - 通知
- Framework7 - 懶載入
- Framework7 樣式
- Framework7 - 顏色主題
- Framework7 - 分割線
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自動編譯
- Framework7 - Template7 頁面
- Framework7 快速點選
- Framework7 - 活動狀態
- Framework7 - 長按事件
- Framework7 - 觸控漣漪
- Framework7 有用資源
- Framework7 - 快速指南
- Framework7 - 有用資源
- Framework7 - 討論
Framework7 - 列表檢視
描述
列表檢視是強大的使用者介面元件,它以包含多行的可滾動列表的形式呈現資料。列表檢視有很多用途,如下所示:
它允許使用者透過有序排列的資料建立連結。
它允許使用者從索引專案列表中進行選擇。
它以不同的分組顯示詳細資訊和控制元件。
它呈現一個可選選項列表。
列表檢視佈局
下表顯示了列表檢視的常見佈局:
| 序號 | 列表檢視型別和描述 |
|---|---|
| 1 | 列表塊
它是列表檢視元素的包裝器,使用list-block 類。 |
| 2 | 連結元素
列表檢視元素可用作指向其他頁面和資料的連結。 |
| 3 | 列表分隔符
它是一個帶有標題的列表元素,在視覺上將一個列表項與另一個列表項分開。 |
| 4 | 分組列表
您可以將列表檢視元素包裝在單個列表塊中。 |
| 5 | 內嵌列表塊
透過向list-block 新增inset 類,列表塊可以具有inset 樣式。 |
framework7_list_views.htm
廣告