> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/ye-ci-qie-huan-lie.md).

# 頁次切換列

### 功能簡述

{% hint style="info" %}

* 當頁面中有多項目內容，為降低使用者資訊負擔，透過『頁次切換功能』，讓使用者透過左右按鈕點擊，切換不同頁次的內容
* 主要應用於列表頁面，如：
  * [2.3.2-物資徵求列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/2.0-shi-zhuang-yun/2.3-zan-zhu-zhuan-qu/2.3.2-wu-zi-zhi-qiu-lie-biao.md)
  * [2.5-常見問題列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/2.0-shi-zhuang-yun/2.6-chang-jian-wen-ti.md)
  * [3.1-最新消息列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/3.0-sai-hui-xiao-xi/3.1-zui-xin-xiao-xi-lie-biao.md)
  * [3.2-賽事影音列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/3.0-sai-hui-xiao-xi/3.2-sai-hui-ying-yin-lie-biao.md)
  * [4.4-競賽場館列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao.md)
* 單頁列表容納的資訊量，則依各單元頁面設定而定
  {% endhint %}

### 設計規格

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fy5nv7q5Bao1g6O597YcN%2FFrame%20627145.png?alt=media&amp;token=37263de1-66e4-4d82-9ae6-07cfb576c606" alt="" width="263"><figcaption></figcaption></figure></div>

* 點選左右按鈕，切換前後頁次，當處於最前頁或最末頁時，按鈕切換為不可點擊狀態
* 中間顯示『現在頁次』與『全部頁次』，如：2/5

***

### 修訂紀錄

<table data-full-width="false"><thead><tr><th width="111" data-type="number">序號</th><th>修訂時間</th><th>主要修改內容</th><th>修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>null</td><td></td><td></td><td></td><td></td></tr></tbody></table>