原生列表頁樣式
時(shí)間:2022-03-20 09:52:30查看量:31142
組件樣式
JSON格式
| 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| all_data | model | 是 |
all_data:數(shù)據(jù)結(jié)構(gòu)如下:--詳細(xì)字段見下表
{
"all_data": {
"type": "goodslistimgup_subleft",
"list": [{
"imgurl": "",
"link": "",
"titles": [
}]
}} | 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| type | string | 布局類型 | 包含的布局類型有: piclistimgleft_subright piclistimgright_subright piclistimgleft_subleft piclistimgright_subleft goodslistimgleft_subright goodslistimgleft_subleft goodslistimgup_subright goodslistimgup_subleft | 是 |
| list | Array | 每一個(gè)type對(duì)應(yīng)不同的數(shù)據(jù)結(jié)構(gòu) | 是 |
JSON格式
以goodslistimgup_subleft為示例
{
"type": "goodslistimgup_subleft",
"list": [{
"imgurl": "http://310x310.jpg_.webp",
"link": "",
"titles": [{
"imgleft": "http://tm.png",
"imgleftwidth": "30",
"imgleftheight": "17",
"text": "運(yùn)動(dòng)套裝春秋季純色長袖衛(wèi)衣",
"textcolor": "0x222222",
"textsize": "18",
"imgright": ""
}, {
"imgleft": "http://a-209-42.png",
"imgleftwidth": 50,
"imgleftheight": "10",
"text": "39.5",
"textcolor": "0x00FF00",
"textsize": "20",
"imgright": ""
}, {
"imgleft": "",
"text": "已售400",
"textcolor": "0x222222",
"textsize": "14",
"imgright": ""
}, {
"imgleft": "http://!85.webp",
"imgleftwidth": 50,
"imgleftheight": "10",
"text": "旗艦店",
"textcolor": "0x222222",
"textsize": "14",
"imgright": "http://ncher.jpg",
"imgrightwidth": "10",
"imgrightheight": "10"
}]
} | 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| link | string | 點(diǎn)擊跳轉(zhuǎn)的鏈接 | 是 | |
| imgurl | string | 圖片鏈接地址 | 是 | |
| titles | array | item內(nèi)容信息 (詳情見下表: titles數(shù)據(jù)結(jié)構(gòu)) | 內(nèi)容按照數(shù)組數(shù)據(jù)順序從上向下顯示 | 是 |
- titles數(shù)據(jù)結(jié)構(gòu):
| 字段 | 類型 | 說明 | 備注 | 是否必須 |
|---|---|---|---|---|
| imgleft | string | 文字左側(cè)小圖標(biāo) | 否 | |
| imgleftwidth | int | 文字左側(cè)小圖標(biāo)寬度 | 否 | |
| imgleftheight | int | 文字左側(cè)小圖標(biāo)高度 | 否 | |
| imgright | string | 文字右側(cè)小圖標(biāo) | 否 | |
| imgrightwidth | int | 文字右側(cè)小圖標(biāo)寬度 | 否 | |
| imgrightheight | int | 文字右側(cè)小圖標(biāo)高度 | 否 | |
| text | string | 圖片下方文字 | 是 | |
| textcolor | 十六進(jìn)制 | 文字顏色 | 否 | |
| textsize | int | 文字大小 | 否 |
下一篇:原生App首頁樣式
