---
# System prepended metadata

title: APP / H5 2.0

---

# APP / H5 2.0
## 首頁 API (2支)
> 請求方式(暫)：依 website

- 主題色 api (用來判斷目前使用的「主題色」)
    ```javascript
    {
        status: '1',
        data: {
            style: 'bet'  // 主題色
            mode: 'dark' // 深淺模式 dark / light @updated 0304
        }
    }
    ```
- 版塊 api (用來判斷版塊排序)
    ```javascript
    {
        status: '1',
        data: {   
            layout: [                 // 首頁的版塊 (由上至下排序)
                {
                  id:1,               // (OPTION)
                  area: 'BannerTypeA',// 版塊名稱 (大駱峰命名)
                  data: []            // 版塊資料 (視後端可行性)
                },
                {
                  id:2,
                  area: 'LiveTypeB',
                  data: []            
                }
            ]             
        }  
    }
    ```
# Web
> 希望加在 /api/v1/siteinfo 
```
{
    layout: 'live',  // 風格
    mode: 'light',   // 深淺模式 dark / light
    color: 'pink'    // 主題色
}
```
---
## 首頁版面
- 底部導覽列 (固定)
- 頂部會員登入資訊列 (固定 fixed / 不被選擇)，目前僅會有一個 type
---
## app/h5 版面配置 (後台) 舊
- **風格(模版)**
    可提供營商選擇想要主推的商品，會依選擇篩出可選的**版塊**
- **版塊**
    客製化置入**版塊**到主頁layout (**排序**)
- **主題色**
    切換主題配置
```flow
st=>start: 開始
e=>end: 結束
op=>operation: 選擇風格(模版)
op2=>operation: 選擇版塊
op3=>operation: 選擇主題色
st->op->op2->op3->e
```
---