原生分類頁面樣式
時間：2022-03-20 10:02:34查看量：7768
組件樣式
分類左右兩側分類頁
左側JSON格式
{
"color": "0x000000",
"fontsize": "14",
"list": [{
"name": "手機數碼",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "精品男裝",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "精品女裝",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "家用電器",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "母嬰童裝",
"url": "https://ehuoma.com/api/appd/class1"
}]
} | 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| color | 十六進制 | 文字顏色 | 是 | |
| fontsize | int | 字號大小 | 是 | |
| list | Array | 大分類數據，介紹見下文 | 是 |
| 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| name | String | 分類名字 | 是 | |
| url | String | 下級分類接口，用來請求右側數據 | 是 |
右側JSON格式
{
"num": "3",
"all": "3",
"current": "1",
"list": [{
"img": "http:\/\/ehuoma.com\/static\/appimg\/O1CN01pdZEwX2BF7DaVrwSH_!!2211270848308.jpg_310x310.jpg_.webp",
"width": "30",
"height": "30",
"url": "#",
"txt": "蘋果",
"color": "0x000000",
"size": "14"
}, {
"img": "http:\/\/ehuoma.com\/static\/appimg\/O1CN01pdZEwX2BF7DaVrwSH_!!2211270848308.jpg_310x310.jpg_.webp",
"width": "30",
"height": "30",
"url": "#",
"txt": "華為",
"color": "0x000000",
"size": "14"
}]
} | 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| num | int | 每行顯示的個數，右側數據為宮格格式 | 是 | |
| all | int | 數據總頁數，右側數據支持分頁 | 是 | |
| current | int | 當前頁碼 | 是 | |
| list | Array | 右側列表數據，介紹見下文 | 是 |
| 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| img | String | 圖片地址 | 是 | |
| width | int | 圖片寬度 | 是 | |
| height | int | 圖片高度 | 是 | |
| url | int | 跳轉地址 | 是 | |
| txt | int | 小分類名稱 | 是 | |
| color | 十六進制 | 文字顏色 | 是 | |
| size | int | 字號大小 | 是 |
上一篇：原生App首頁樣式
下一篇：原生會員頁樣式
