原生頁(yè)面-首頁(yè)樣式
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
all_data | array | 是 |
all_data 格式如下: 詳細(xì)字段解釋見下表(字段詳情表):
{ "all_data": [ { "type": "banner", "height": "150", "list": [] }, { "type": "gongge", "num": "5", "list": [] } ... .... .....]}
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
type | string | 布局類型 | 取值范圍: banner gongge img4 img3left img3right titleimg3 titleimg2 titleimg1 piclistimgleft_subright piclistimgright_subright piclistimgleft_subleft piclistimgright_subleft goodslistimgleft_subright goodslistimgleft_subleft goodslistimgup_subrigh goodslistimgup_subleft | 是 |
height | int | 輪播圖的高度 | 只在type為banner的時(shí)候使用 | 是 |
list | Array | 每一個(gè)type對(duì)應(yīng)不同的數(shù)據(jù)結(jié)構(gòu),下面會(huì)有說(shuō)明 | 是 | |
num | int | 每行顯示的個(gè)數(shù) | 只在type為gongge時(shí)使用 | 是 |
imgleft | string | 標(biāo)題左側(cè)小圖標(biāo) | 當(dāng)type為titleimg1、titleimg2、titleimg3的時(shí)候使用 | 否 |
title | string | 主標(biāo)題 | 當(dāng)type為titleimg1、titleimg2、titleimg3的時(shí)候使用 | 是 |
subtitle | string | 副標(biāo)題 | 當(dāng)type為titleimg1、titleimg2、titleimg3的時(shí)候使用 | 是 |
titlesize | int | 主標(biāo)題文字大小 | 否 | |
titlecolor | 十六進(jìn)制 | 主標(biāo)題文字顏色 | 例:0x009966 | 否 |
subtitlesize | int | 副標(biāo)題文字大小 | 否 | |
subtitlecolor | 十六進(jìn)制 | 副標(biāo)題文字顏色 | 例:0x009966 | 否 |
imgright | string | 標(biāo)題右側(cè)小圖標(biāo) | 否 |
type布局類型配圖
** type為banner時(shí),list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)**
{ "type": "banner", "height": "150", "list": [ { "imgurl": "http://xxxx.png", "link": "" }]
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
link | string | 點(diǎn)擊跳轉(zhuǎn)的鏈接 | 是 | |
imgurl | string | 圖片鏈接地址 | 是 |
** type為gongge時(shí),list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)**
{ "type": "gongge", "num": "5", "list": [ { "imgurl": "http://53469401.png", "title": "數(shù)碼", "link": "", "width": "50", "height": "50", "titlecolor": "0x009966", "titlesize": "14" }] }
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
link | string | 點(diǎn)擊跳轉(zhuǎn)的鏈接 | 是 | |
imgurl | string | 圖片鏈接地址 | 是 | |
title | string | 圖片下方文字 | 是 | |
titlecolor | 十六進(jìn)制 | 文字顏色 | 否 | |
titlesize | int | 文字大小 | 否 | |
width | int | 圖片寬度 | 否 | |
height | int | 圖片高度 | 否 |
3 type為img4、img3left、img3right時(shí),list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)
{ "type": "img4", "list": [{ "imgurl": "http://469401.png", "link": "", "title": "\u6807\u98983", "titlesize": "14", "titlecolor": "0x009966" }] }
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
link | string | 點(diǎn)擊跳轉(zhuǎn)的鏈接 | 是 | |
imgurl | string | 圖片鏈接地址 | 是 | |
title | string | 圖片上顯示的文字 | 否 | |
titlecolor | 十六進(jìn)制 | 文字顏色 | 否 | |
titlesize | int | 文字大小 | 否 |
4 type為titleimg1、titleimg2、titleimg3時(shí),list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)
{ "type": "titleimg1", "imgleft": "http://tm.png", "title": "圖片組件展示風(fēng)格1", "subtitle": "一個(gè)可能有點(diǎn)兒字的子標(biāo)題", "titlesize": "20", "titlecolor": "0x009966", "subtitlesize": "14", "subtitlecolor": "0x009966", "imgright": "http://ancher.jpg", "list": [{ "imgurl": "http://53469401.png", "link": "" }] }
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
link | string | 點(diǎn)擊跳轉(zhuǎn)的鏈接 | 是 | |
imgurl | string | 圖片鏈接地址 | 是 |
5) type 取值 piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、piclistimgright_subleft goodslistimgleft_subright、goodslistimgleft_subleft、goodslistimgup_subright、goodslistimgup_subleft時(shí),list數(shù)據(jù)結(jié)構(gòu)示列
下面 以goodslistimgup_subleft為示例:(其中詳細(xì)字段解釋見下面表格)
{ "type": "goodslistimgup_subleft", "list": [{ "imgurl": "http://310x310.jpg_.webp", "link": "", "titles": [{ "imgleft": "http://tm.png", "imgleftwidth": "30", "imgleftheight": "17", "text": "運(yùn)動(dòng)套裝春秋季純色長(zhǎ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" }] }
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
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):
字段 | 類型 | 說(shuō)明 | 備注 | 是否必須 |
---|---|---|---|---|
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 | 文字大小 | 否 |
2021-11-17 11:58:43
熱門App插件
猜你喜歡
咨詢 . 試用
客服電話:400-876-0081
優(yōu)惠活動(dòng)、領(lǐng)取優(yōu)惠券、公告消息等
咨詢 . 試用
在線客服
QQ在線客服,微信客服
服務(wù)電話
400-876-0081
最新動(dòng)態(tài)
優(yōu)惠活動(dòng)、領(lǐng)取優(yōu)惠券、公告消息等
常見問(wèn)題
使用中的常見問(wèn)題