> 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/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao.md).

# 4.4-競賽場館列表

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>列出世壯運69處競賽場館列表，供使用者查詢使用</td><td></td></tr><tr><td>網址URL<br></td><td>/venues</td><td></td></tr><tr><td>【頁籤名稱】 網址</td><td>Ｘ 無頁籤</td><td></td></tr><tr><td>Page Title</td><td>競賽場館列表｜2025雙北世界壯年運動會</td><td></td></tr><tr><td>Page Description</td><td>在2025年世界壯年運動會的競賽場館列表頁面中，您可以探索共69處競賽場館的詳細介紹，包括場館照片、交通資訊及周邊醫療服務。這頁面提供全面的場館資訊，助您規劃參賽與觀賽行程，確保您的賽會體驗順利無礙。</td><td></td></tr><tr><td>OG Image設定</td><td>使用全站用<a href="/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#og-image">OG:Image</a></td><td></td></tr></tbody></table>

{% hint style="info" %}
完整清單，請點選前往[全站Meta Data設定清單](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=150750486#gid=150750486)
{% endhint %}

***

### 功能簡述

{% hint style="info" %}

* 透過列表形式，彙整世壯運全部69處競賽場館資訊，使用者可透過運動種類篩選或搜尋，找出特定運動種類舉行的競賽場館，點擊進入檢視該場館資訊內容
  {% endhint %}

### 設計規格

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FJWMUkcEqdjj6tLnLm7IF%2FFrame%20627190.png?alt=media&amp;token=6d5daa02-416a-4b96-b94f-4418d178d5d1" alt=""><figcaption></figcaption></figure>

1. **篩選＆搜尋功能列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FVNhPC0iFysbFNbExoG7V%2FFrame%20627192.png?alt=media&amp;token=c9ad049c-5613-4c83-ad45-da04fc4bd8de" alt=""><figcaption><p><strong>篩選＆搜尋功能列</strong></p></figcaption></figure>

   1. 針對[所有競賽場館清單資料](https://docs.google.com/spreadsheets/d/1saCzKF7ms7wLg3DdyFvskaRCuoNzri9o/edit?gid=29490355#gid=29490355)，以『運動種類』、『所在縣市』兩個連動下拉選單，進行多層級篩選[^1]
   2. 當選擇特定運動種類後，連動所在縣市，列出該運動種類在該所在縣市的場館元件列表
   3. 篩選下拉選單：
      1. 運動種類下拉選單
         1. 項目內容：
            1. 全部
            2. 全部運動種類(35項)
         2. 預設項目：全部
         3. 各競賽場館所舉辦的運動種類項目，\
            請參照[2025世壯運競賽場館地址與座標(含各運動場館)清單](https://docs.google.com/spreadsheets/d/1saCzKF7ms7wLg3DdyFvskaRCuoNzri9o/edit?gid=29490355#gid=29490355)
      2. 所在縣市下拉選單
         1. 項目內容：
            1. 全部
            2. 臺北市
            3. 新北市
            4. 宜蘭縣
            5. 桃園市
            6. 新竹市
            7. 新竹縣
         2. 預設項目：全部
   4. 關鍵字搜尋列
      1. 搜尋範圍：
         1. 以場館元件中的「場館名稱」為搜尋範圍，進行模糊比對搜尋
      2. 若搜尋關鍵字無相符內容時，顯示[搜尋無符合結果狀態頁面](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao/jing-sai-chang-guan-lie-biao-sou-xun-wu-fu-he-jie-guo-zhuang-tai.md)
   5. 篩選結果數：
      1. 列出符合篩選條件的總數，如：共69處
   6. 主要規格，請參照[篩選＆搜尋功能列](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/shai-xuan-sou-xun-gong-neng.md)<br>
2. **場館元件**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FkkUP2bpgwqDEeaHcnT5v%2FFrame%20627191.png?alt=media&amp;token=d41f1ae4-7234-4560-b0a4-3a1a282f5e4c" alt=""><figcaption><p>場館元件</p></figcaption></figure>

   1. 場館元件組&#x6210;**：**
      1. 場館縮圖：顯示場館實景圖片
      2. 場館名稱：顯示場館名稱
      3. 場館運動種類標籤：
         1. 帶入該場館舉辦的運動種類名稱標籤，\
            請參照[2025世壯運競賽場館地址與座標(含各運動場館)清單](https://docs.google.com/spreadsheets/d/1saCzKF7ms7wLg3DdyFvskaRCuoNzri9o/edit?gid=29490355#gid=29490355)
   2. 點擊場館元件，前往相對應[4.4.1-競賽場館內頁](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao/4.4.1-jing-sai-chang-guan-nei-ye.md)

### 連結設定

<table data-full-width="true"><thead><tr><th width="177">區塊</th><th>連結圖片示意</th><th>開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option></select></th><th>連結設定</th><th>備註</th></tr></thead><tbody><tr><td>競賽場館列表</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fr39xNXPs8rTyLJuvuSwY%2F%E6%88%AA%E5%9C%96%202024-11-26%2010.49.27.png?alt=media&amp;token=11826394-2f94-4429-8fb0-595ad16aecf1" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/venues/<mark style="color:red;">{1}</mark></td><td>前往相對應<a href="https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.4-jing-sai-chang-guan-lie-biao/4.4.1-jing-sai-chang-guan-nei-ye">4.4.1-競賽場館內頁</a></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[4.4-競賽場館列表連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=393759894#gid=393759894)
{% endhint %}

### UI設計檔

{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-227325&t=jCjktccTfqWMVvt7-1>" %}

### 原始資料

* [2025世壯運競賽場館地址與座標(含各運動場館)清單](https://docs.google.com/spreadsheets/d/1saCzKF7ms7wLg3DdyFvskaRCuoNzri9o/edit?usp=sharing\&ouid=109392301036322400962\&rtpof=true\&sd=true)

***

### 修訂記錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="109">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024.11.13</td><td><ul><li>依客戶WF回覆，新增「縣市篩選下拉選單」</li></ul></td><td>客戶FIgma回覆</td><td></td></tr></tbody></table>

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