原生頁面-首頁樣式

字段類型說明備注是否必須
all_dataarray

all_data 格式如下: 詳細(xì)字段解釋見下表(字段詳情表):

{
  "all_data": [
    {
      "type": "banner",
      "height": "150",
      "list": []
    },
    {
      "type": "gongge",
      "num": "5",
      "list": []
    }
    ...
    ....
    .....]}
字段詳情表
字段類型說明備注是否必須
typestring布局類型取值范圍:
banner
gongge
img4
img3left
img3right
titleimg3
titleimg2
titleimg1
piclistimgleft_subright
piclistimgright_subright
piclistimgleft_subleft
piclistimgright_subleft
goodslistimgleft_subright
goodslistimgleft_subleft
goodslistimgup_subrigh
goodslistimgup_subleft
heightint輪播圖的高度只在type為banner的時候使用
listArray
每一個type對應(yīng)不同的數(shù)據(jù)結(jié)構(gòu),下面會有說明
numint每行顯示的個數(shù)只在type為gongge時使用
imgleftstring標(biāo)題左側(cè)小圖標(biāo)當(dāng)type為titleimg1、titleimg2、titleimg3的時候使用
titlestring主標(biāo)題當(dāng)type為titleimg1、titleimg2、titleimg3的時候使用
subtitlestring副標(biāo)題當(dāng)type為titleimg1、titleimg2、titleimg3的時候使用
titlesizeint主標(biāo)題文字大小
titlecolor十六進(jìn)制主標(biāo)題文字顏色例:0x009966
subtitlesizeint副標(biāo)題文字大小
subtitlecolor十六進(jìn)制副標(biāo)題文字顏色例:0x009966
imgrightstring標(biāo)題右側(cè)小圖標(biāo)

type布局類型配圖


type各類型取值詳細(xì)實例

** type為banner時,list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)**

{
		"type": "banner",
		"height": "150",
		"list": [ {
			"imgurl": "http://xxxx.png",
			"link": ""
		}]
字段類型說明備注是否必須
linkstring點擊跳轉(zhuǎn)的鏈接
imgurlstring圖片鏈接地址

** type為gongge時,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"
		}]
	}
字段類型說明備注是否必須
linkstring點擊跳轉(zhuǎn)的鏈接
imgurlstring圖片鏈接地址
titlestring圖片下方文字
titlecolor十六進(jìn)制文字顏色
titlesizeint文字大小
widthint圖片寬度
heightint圖片高度

3 type為img4、img3left、img3right時,list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)

{
		"type": "img4",
		"list": [{
			"imgurl": "http://469401.png",
			"link": "",
			"title": "\u6807\u98983",
			"titlesize": "14",
			"titlecolor": "0x009966"
		}]
	}
字段類型說明備注是否必須
linkstring點擊跳轉(zhuǎn)的鏈接
imgurlstring圖片鏈接地址
titlestring圖片上顯示的文字
titlecolor十六進(jìn)制文字顏色
titlesizeint文字大小

4 type為titleimg1、titleimg2、titleimg3時,list數(shù)據(jù)結(jié)構(gòu)示例:(具體字段詳情見下表)

{
		"type": "titleimg1",
		"imgleft": "http://tm.png",
		"title": "圖片組件展示風(fēng)格1",
		"subtitle": "一個可能有點兒字的子標(biāo)題",
		"titlesize": "20",
		"titlecolor": "0x009966",
		"subtitlesize": "14",
		"subtitlecolor": "0x009966",
		"imgright": "http://ancher.jpg",
		"list": [{
			"imgurl": "http://53469401.png",
			"link": ""
		}]
	}
字段類型說明備注是否必須
linkstring點擊跳轉(zhuǎn)的鏈接
imgurlstring圖片鏈接地址

5) type 取值 piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、piclistimgright_subleft goodslistimgleft_subright、goodslistimgleft_subleft、goodslistimgup_subright、goodslistimgup_subleft時,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)動套裝春秋季純色長袖衛(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"
			}]
		}
字段類型說明備注是否必須
linkstring點擊跳轉(zhuǎn)的鏈接
imgurlstring圖片鏈接地址
titlesarrayitem內(nèi)容信息 (詳情見下表: titles數(shù)據(jù)結(jié)構(gòu))內(nèi)容按照數(shù)組數(shù)據(jù)順序從上向下顯示
  • titles數(shù)據(jù)結(jié)構(gòu):

字段類型說明備注是否必須
imgleftstring文字左側(cè)小圖標(biāo)
imgleftwidthint文字左側(cè)小圖標(biāo)寬度
imgleftheightint文字左側(cè)小圖標(biāo)高度
imgrightstring文字右側(cè)小圖標(biāo)
imgrightwidthint文字右側(cè)小圖標(biāo)寬度
imgrightheightint文字右側(cè)小圖標(biāo)高度
textstring圖片下方文字
textcolor十六進(jìn)制文字顏色
textsizeint文字大小


2021-11-17 11:58:43

在線客服
主站蜘蛛池模板: 国产成人一区二区三区免费视频 | 国产在线步兵一区二区三区| 国产在线一区视频| 亚洲一区二区三区国产精品| 国产精品伦一区二区三级视频| 午夜视频一区二区| 日韩高清国产一区在线| 一区二区三区四区视频| 一区二区三区视频免费| 人妻av无码一区二区三区| 一区视频免费观看| 亚洲日韩精品国产一区二区三区| 久久无码精品一区二区三区| 人妻精品无码一区二区三区 | 日本一区二区三区精品视频| 国产在线无码一区二区三区视频| 日韩精品一区二区三区毛片| 日韩精品无码免费一区二区三区| 视频一区二区三区在线观看| 无码日本电影一区二区网站| 亚洲一区二区免费视频| 国产日韩精品一区二区三区在线| 福利一区二区三区视频午夜观看| 九九无码人妻一区二区三区| 竹菊影视欧美日韩一区二区三区四区五区 | 久久se精品一区二区影院| 日韩十八禁一区二区久久| 毛片一区二区三区| 亚洲AV无码一区二区三区久久精品| 亚洲av无码一区二区乱子伦as| 欲色影视天天一区二区三区色香欲| 国产激情一区二区三区四区| 精品日韩一区二区| 国产中的精品一区的| 麻豆精品一区二区综合av| 免费国产在线精品一区| 久久国产午夜精品一区二区三区| 国产一区二区三区高清视频| 中文字幕一区二区三区日韩精品 | 国产成人精品视频一区| 亚洲中文字幕丝袜制服一区|