[發明專利]列表自動翻頁輪播組件實現方法及裝置、設備、介質

在審

• 申請號: 202010187356.6
• 申請日: 2020-03-17
• 公開（公告）號: CN111427574A
• 公開（公告）日: 2020-07-17
• 發明（設計）人: 林小玲;吳閩華;姜坤;衛宣安
• 申請（專利權）人: 深圳市震有軟件科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/71;G06F3/0482
• 代理公司: 深圳市君勝知識產權代理事務所(普通合伙) 44268
• 代理人: 朱陽波;吳志益

1.一種基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述方法包括：

自定義一輪播組件，采用vue框架封裝輪播組件，將輪播組件封裝為可在多個頁面引用并可自動翻頁的自動翻頁輪播組件；

通過vue框架引用封裝好的自動翻頁輪播組件，在父組件中配置需要顯示內容的列表數據，以及配置在一定時間內自動翻頁輪播每一行數據，形成配置數據；

自動翻頁輪播組件，根據所述配置數據，自動翻頁輪播數據；

當輪播高亮選中到最后一項時，自動翻頁，又開始自動高亮選中下一頁的數據項。

2.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述自定義一輪播組件，采用vue框架封裝輪播組件，將輪播組件封裝為可在多個頁面引用并可自動翻頁的自動翻頁輪播組件的步驟包括：

自定義一輪播組件，采用vue框架封裝輪播組件；

封裝輪播組件可在多個頁面引用，并在在輪播高亮選中某一項數據時，可彈出詳情框或交互界面；以及可自動翻頁，成為的自動翻頁輪播組件。

3.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述通過vue框架引用封裝好的自動翻頁輪播組件，在父組件中配置需要顯示內容的列表數據，以及配置在一定時間內自動翻頁輪播每一行數據，形成配置數據的步驟包括：

通過vue框架引用封裝好的自動翻頁輪播組件；

在父組件中配置需要顯示內容的列表數據，包括：配置表頭數據，配置內容字體顏色和大小；配置每一頁顯示的行數，配置輪播高亮選中每一項的時間，配置輪播高亮到最后一項時，切換到下一頁的時間；配置達到在一定時間內自動翻頁輪播每一行數據；形成配置數據。

4.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述在父組件中配置需要顯示內容的列表數據，形成配置數據的步驟包括：

配置表頭數據；

配置表頭高度、字體顏色和大小；

配置內容字體顏色和大小；配置每一頁顯示的行數；

配置輪播高亮的顏色；

以及配置輪播每一項的時間；

生成配置數據。

5.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述自動翻頁輪播組件，根據所述配置數據，自動翻頁輪播數據的步驟包括：

根據表頭配置數據生成表頭要顯示的文本；

根據每頁在顯示的行數分組；

根據每頁要顯示的行數和配置的數據進行分組；

根據輪播每一行數據的時間生成定時器；

當輪播時間已到，則當前輪播顯示設置為下一行。

6.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述自動翻頁輪播組件，根據所述配置數據，自動翻頁輪播數據的步驟還包括：

當輪播高亮選中某一項數據時，控制彈出詳情框或者交互界面，并同時控制不移除一項數據。

7.根據權利要求1所述基于vue的列表自動翻頁輪播組件實現方法，其特征在于，所述當輪播高亮選中到最后一項時，自動翻頁，又開始自動高亮選中下一頁的數據項的步驟包括；

判斷是否到了最后一行數據；

當輪播高亮選中到最后一項時，自動切換下一頁，重新開始自動高亮選中下一頁的數據項。

8.一種基于vue的列表自動翻頁輪播組件實現裝置，其特征在于，所述裝置包括：

封裝模塊，用于自定義一輪播組件，采用vue框架封裝輪播組件，將輪播組件封裝為可在多個頁面引用并可自動翻頁的自動翻頁輪播組件；

配置模塊，用于通過vue框架引用封裝好的自動翻頁輪播組件，在父組件中配置需要顯示內容的列表數據，以及配置在一定時間內自動翻頁輪播每一行數據，形成配置數據；

自動輪播控制模塊，用于控制自動翻頁輪播組件，根據所述配置數據，自動翻頁輪播數據；

翻頁控制模塊，用于當輪播高亮選中到最后一項時，自動翻頁，又開始自動高亮選中下一頁的數據項。