> 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/yun-dong-xiang-mu-yuan-jian.md).

# 運動項目元件

### 功能簡述

{% hint style="info" %}

* 針對世壯運全部35種運動種類下，共4577項運動項目資訊，提供使用者透過不同篩選下拉選單篩選，快速尋找並理解特定運動種類的項目內容
* 運動項目元件共有 2種樣式，應對至不同頁面使用需求：
  * [4.2.1-運動種類內頁](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.2-yun-dong-zhong-lei-lie-biao/4.2.1-yun-dong-zhong-lei-nei-ye.md)
  * [4.3-帕拉項目](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.3-pa-la-xiang-mu.md)
    {% endhint %}

### 設計規格

#### 01-運動種類內頁

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FBWwmTQ6tlrnh3dyoEHjo%2F%E6%AE%B5%E8%90%BD.png?alt=media&amp;token=9aa64664-3939-41c6-acf4-4f99a3611eb7" alt=""><figcaption><p>運動項目元件-運動種類內頁用</p></figcaption></figure>

1. **篩選列**
   1. 針對該項運動種類下所屬運動項目中『運動科目』進行篩選分類
   2. 當選擇運動科目下拉選單後，列出該運動科目的運動項目列表內容
   3. 運動科目下拉選單：
      1. 項目內容：
         1. 該運動種類下的運動科目
      2. 預設項目：排序第一個的運動項目
   4. 主要規格，請參照[單層篩選功能列](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/shai-xuan-sou-xun-gong-neng/dan-ceng-shai-xuan-gong-neng-lie.md)<br>
2. **項目列表**
   1. 列出符合篩選列設定條件的運動項目內容
   2. 運動項目欄：運動項目內容，如：競賽
   3. 年齡組別：列出該運動項目的性別年齡組別，如：男子組,女子組,混合組 - 30+, 40+, 45+, 50+, 55+, 60+

***

#### 02-帕拉項目

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FFVHaSfTSf4Wluc0YO6lW%2FFrame%20627332.png?alt=media&amp;token=ecc0be2e-fb63-4060-9fc0-9e7855bcc324" alt=""><figcaption><p>運動項目元件-帕拉項目用</p></figcaption></figure>

1. **篩選列**
   1. 針對『[運動種類/科目/項目清單](https://docs.google.com/spreadsheets/d/13HZQRnFUWqADrlgF9z1rN-PswrXVJLae/edit?gid=1998058785#gid=1998058785)』中帕拉項目，以『運動種類』、『運動科目』兩個連動下拉選單，進行多層級篩選[^1]
   2. 當選擇特定運動種類後，連動特定運動科目，列出相對應的運動項目列表
   3. 篩選下拉選單：
      1. 運動種類下拉選單
         1. 項目內容：
            1. 符合帕拉項目的全部運動種類
         2. 預設項目為：田徑（實際視資料來源而定）
      2. 運動科目下拉選單
         1. 項目內容：該運動種類下全部運動科目
   4. 主要規格，請參照[多層級篩選功能列](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/shai-xuan-sou-xun-gong-neng/duo-ceng-ji-shai-xuan-gong-neng-lie.md)<br>
2. **項目列表**
   1. 列出符合篩選列設定條件的運動項目內容
   2. 運動項目欄：運動項目內容，如：跳遠-視覺障礙(F11-13)
   3. 年齡組別：列出該運動項目的年齡組別，如：男子組,女子組,混合組 - 30+, 40+
3. **場館文件資料**
   1. 列出符合篩選列設定條件的場館＆應備文件資訊

### 原始資料

* [運動種類科目項目清單](https://docs.google.com/spreadsheets/d/13HZQRnFUWqADrlgF9z1rN-PswrXVJLae/edit?gid=1998058785#gid=1998058785)
* [帕拉項目視障肢障項目介紹文件](https://docs.google.com/document/d/1S36FmGLHeGz1_U3QPgLUyL_mZ6SblTqb/edit?usp=sharing\&ouid=100356171358700466742\&rtpof=true\&sd=true)

***

### 修訂紀錄

<table data-full-width="true"><thead><tr><th width="94" data-type="number">序號</th><th width="142">修訂時間</th><th>主要修改內容</th><th width="159">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024.12</td><td><ul><li>運動項目篩選下拉選單移除「性別」，數值放入運動項目列表中</li></ul></td><td>客戶FIgma回覆</td><td></td></tr><tr><td>2</td><td>2024.12.27</td><td><ul><li><p>運動項目表格表頭文字調整</p><ul><li>原年齡組別改為『組別』</li></ul></li></ul></td><td>客戶翻譯文件</td><td></td></tr></tbody></table>

[^1]: 一種互相依賴的篩選機制，適用於多層級的篩選功能。它的主要概念是，每個篩選選單的內容依據前一個篩選選單的選擇結果而變動。這種篩選結構非常適合多層次篩選條件或有邏輯層級關係的資料。