# TSNA 規劃

## plugins / 套件
- axios / transfrom
- device / pug / scss / tailwind / styleResource / postcss / ramda / Eslint / stylelint / date-fns / cookies

## components
### 首頁

| PC |Mobile |
| -------|------|
| 導覽列 (下拉式選單)
| 搜尋欄
| 即時比分列表輪播 | 即時比分項目輪播
| 影片直播
| 關注話題
| TSNA TV (輪播影片) | 無
| 專題故事專欄 | 不與pc共用
| 四大聯賽圖鑲文(1、2)
| 日期選擇器
| 賽事項目
| 熱門新聞
| 廣告
| 關於我們、贊助商...等 | 無
| Footer
|無|漢堡選單|

### 綜合、特定項目

| PC |Mobile |
| -------|------|
| 新聞項目
| 關注、熱門、TSNA TV項目
| 排行榜
| 分頁

### 內文

| PC |Mobile |
| -------|------|
| 標籤
| 社群分享
| 新聞內文圖片

### 其他
| PC |Mobile |
| -------|------|
| 無|返回頂部
### [圖文說明](https://hackmd.io/@Joli/SkwmkNYlY)

## page
- 首頁
- 種類 / 新聞內文