> 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/1.0-shou-ye/dao-shu-zi-xun-qu-kuai.md).

# 倒數資訊區塊

### 設計規格

{% tabs %}
{% tab title="賽前階段 (2月更新上線\~5/16)" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FQgOFzYdUbztEum7u4w18%2FGroup%20166.png?alt=media&amp;token=98097149-f064-48c8-915f-9a5755dbe519" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="87" data-type="number">NO</th><th width="138">項目</th><th width="107">屬性<select><option value="YzycIK7wBCHZ" label="圖片" color="blue"></option><option value="N7a11ua5BtkP" label="文字" color="blue"></option><option value="YKTXplgq198U" label="連結" color="blue"></option><option value="UzmzxJq55SRe" label="功能操作" color="blue"></option></select></th><th>功能/規則說明</th></tr></thead><tbody><tr><td>1</td><td>倒數時間</td><td><span data-option="N7a11ua5BtkP">文字</span></td><td><ul><li>以2025.05.17 00:00開幕日為截止時間，<br>進行時間倒數</li></ul></td></tr><tr><td>2</td><td>倒數進度列</td><td><span data-option="UzmzxJq55SRe">功能操作</span></td><td><ul><li><p>顯示賽前重點事件：</p><ul><li>02/17報名截止</li><li>04/17賽程公告</li><li>05/10認證中心開放</li><li>05/17開幕 </li><li>05/30閉幕</li></ul></li><li>進度列以分段形式，<br>階段性向右填滿，如下方【倒數進度列填滿狀態】示意</li></ul></td></tr></tbody></table>

**倒數進度列填滿規則說明**

{% embed url="<https://docs.google.com/spreadsheets/d/1UdfymP3DKYGAwW07Uwt3sKYcpEUYo5sVBeTwKSZZ4QU/edit?gid=671374982#gid=671374982>" %}
倒數資訊列前端規格說明
{% endembed %}
{% endtab %}

{% tab title="賽事階段 (5/17\~5/30)" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FmysCQ7BDQpZkcvsEu2lD%2FFrame%20627099.png?alt=media&amp;token=5ea6da26-1c88-471b-bd91-2260ab35cdaf" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="81" data-type="number">NO</th><th width="143">項目</th><th width="99">屬性<select><option value="IqtFg9CBVQO1" label="圖片" color="blue"></option><option value="W0dyQZqXVunl" label="文字" color="blue"></option><option value="NXagVKy3Oe6B" label="連結" color="blue"></option><option value="DOcMOQh5ekCA" label="功能操作" color="blue"></option></select></th><th>功能/規則說明</th></tr></thead><tbody><tr><td>1</td><td>當日日期</td><td><span data-option="W0dyQZqXVunl">文字</span></td><td><ul><li>於賽事期間(5/17~5/30)自動切換當日日期＆星期數</li></ul></td></tr><tr><td>2</td><td>當日運動種類</td><td><span data-option="NXagVKy3Oe6B">連結</span></td><td><ul><li>依照當日日期，帶出當日有安排賽事的運動種類項目按鈕</li><li>點擊該運動種類，前往4.1-賽程成績-分組賽程頁籤，並帶入賽事日期＆運動種類參數，呈現賽程結果</li></ul></td></tr><tr><td>3</td><td>左右切換按鈕</td><td><span data-option="DOcMOQh5ekCA">功能操作</span></td><td><ul><li>點選切換次頁運動種類項目</li><li>若項目數量只有一頁，則切換按鈕顯示不可點擊狀態</li></ul></td></tr><tr><td>4</td><td>查看更多按鈕</td><td><span data-option="NXagVKy3Oe6B">連結</span></td><td><ul><li>點選【查看賽事日程】前往4.1-賽程成績-競賽日程頁籤</li></ul></td></tr></tbody></table>
{% endtab %}

{% tab title="賽後階段 (5/31\~)" %}
賽後階段此區塊直接隱藏
{% endtab %}
{% endtabs %}

### 連結設定

<table data-full-width="true"><thead><tr><th width="138">區塊</th><th width="256">連結圖片示意</th><th width="118">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option><option value="PmG1Z21VCgss" label="依後台設定" color="blue"></option></select></th><th width="202">連結設定</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%2Fndkgl6IJ8xx1J2kMAUQa%2F%E9%81%8B%E5%8B%95%E7%A8%AE%E9%A1%9E.png?alt=media&amp;token=7c932b57-77eb-4cc5-8631-e6bb93e57a9a" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/schedule#2<br>帶入當日日期＆特定運動種類參數</td><td></td></tr><tr><td>倒數資訊區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FNqwkQNIBC6QUlX7yPBH9%2FPrimary.png?alt=media&amp;token=3209fa27-f7ae-47bb-b9f2-6ee43a78ecea" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/schedule#1</td><td></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[1.0-首頁按鈕連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=593430938#gid=593430938)
{% endhint %}

***

### 修訂紀錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024.11</td><td>賽前階段顯示項目＆時程確認<br>02.17報名截止<br>04.17賽程公告<br>05.10認證中心開放<br>05.17開幕<br>05.30閉幕</td><td><a href="https://docs.google.com/spreadsheets/d/1JU9hf1XW8w9VUWsDgPFEOrkfvbtF9GZCiu9ixSAanmE/edit?gid=1606260723#gid=1606260723">客戶確認清單回覆</a></td><td></td></tr><tr><td>null</td><td></td><td></td><td></td><td></td></tr></tbody></table>