輪播列表

輪播清單是文字組件的一種，支援各行各列的樣式和內容的自訂配置，能夠使用輪播動畫的方式，將數據資訊以清單的形式清晰地展示在大屏上。本文檔為你介紹輪播清單各配置項的含義，幫助你快速準確地使用輪播清單組件。

配置

• 基礎設置

  • width：組件在編輯器中的寬度

  • height：組件在編輯器中的高度

  • top：組件與編輯器頂部的距離

  • left：組件與編輯器左側的距離

• 全域

  • 表格行數：當滑鼠懸浮到圖表上的點時，是否展示其提示的資訊

  • 輪播

    • 開啟/關閉：控制是否輪播的形式來展示列表

    • 動畫模式：設置輪播的形式，可選全屏滾動、逐條滾動

    • 間隔時間：輪播每次的間隔時間，單位為秒

• 表頭配置

  • 顯示/隱藏：控制列表表頭的展示

  • 上邊距：控制表頭的上邊距

  • 下邊距：控制表頭的下邊距

  • 背景顏色：表頭的背景顏色，支援hex、rgb以及rgba格式的色值

  • 文本樣式

    • 對齊方式：文本的對齊方式，可選左對齊、居中對齊、右對齊

    • 顏色：文本的顏色，支援hex、rgb以及rgba格式的色值

    • 字型大小：文本的字體大小

    • 字體：文本的字體樣式

    • 粗細：文本的粗細

• 行配置

  • 奇行背景色：奇數行的背景顏色，支援hex、rgb以及rgba格式的色值

  • 偶行背景色：偶數行的背景顏色，支援hex、rgb以及rgba格式的色值

  • 上邊距：控制每行的上邊距

  • 下邊距：控制每行的下邊距

  • 文本樣式

    • 對齊方式：文本的對齊方式，可選左對齊、居中對齊、右對齊

    • 顏色：文本的顏色，支援hex、rgb以及rgba格式的色值

    • 字型大小：文本的字體大小

    • 字體：文本的字體樣式

    • 粗細：文本的粗細

• 序號列

  • 顯示/隱藏：控制序號這一縱列的展示

  • 對齊方式：序號的對齊方式，可選左對齊、居中對齊、右對齊

  • 內邊距

    • 上邊距：控制每一行的上邊距

    • 下邊距：控制每一行的下邊距

    • 左邊距：控制每一行的左邊距

    • 右邊距：控制每一行的右邊距

  • 序號值

    • 寬度：序號值的寬度

    • 高度：序號值的高度

    • 背景顏色：序號值的背景顏色，支援hex、rgb以及rgba格式的色值

    • 圓角半徑：控制序號值邊角是否呈現圓形狀態，值越大，越接近圓形

    • 文本樣式

      • 顏色：文本的顏色，支援hex、rgb以及rgba格式的色值

      • 字型大小：文本的字體大小

      • 字體：文本的字體樣式

      • 粗細：文本的粗細

• 自訂列

  該配置項為一個陣列，可配置多個系列，編輯器將遍歷資料，使資料通過一個或多個系列配置迴圈渲染。若需要自訂某些資料為特定樣式則需要手動對資料進行排序

  • 列欄位名：該列的欄位元名稱，需要與數據項中的欄位名稱一致

  • 列顯示名：該列在表頭展示的名稱

  • 寬度：這一列展示的寬度

  • 左邊距：這一列的左邊距

  • 右邊距：這一列的右邊距

數據

return [{
    'columnName_1': 'xxx',
    'columnName_2': 'xxx',
    'columnName_3': 'xxx'
}]

• columnName：列欄位元名欄位元，需要與自訂列中的列欄位名欄位一致