<code id="mmkyy"><wbr id="mmkyy"></wbr></code>
<rt id="mmkyy"><tr id="mmkyy"></tr></rt>
<code id="mmkyy"><tr id="mmkyy"></tr></code>
  • 
    
    <li id="mmkyy"></li>

    原生頁面-首頁樣式

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

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

    {
      "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對應不同的數(shù)據(jù)結構,下面會有說明
    numint每行顯示的個數(shù)只在type為gongge時使用
    imgleftstring標題左側小圖標當type為titleimg1、titleimg2、titleimg3的時候使用
    titlestring主標題當type為titleimg1、titleimg2、titleimg3的時候使用
    subtitlestring副標題當type為titleimg1、titleimg2、titleimg3的時候使用
    titlesizeint主標題文字大小
    titlecolor十六進制主標題文字顏色例:0x009966
    subtitlesizeint副標題文字大小
    subtitlecolor十六進制副標題文字顏色例:0x009966
    imgrightstring標題右側小圖標

    type布局類型配圖


    type各類型取值詳細實例

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

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

    ** type為gongge時,list數(shù)據(jù)結構示例:(具體字段詳情見下表)**

    {
    		"type": "gongge",
    		"num": "5",
    		"list": [ {
    			"imgurl": "http://53469401.png",
    			"title": "數(shù)碼",
    			"link": "",
    			"width": "50",
    			"height": "50",
    			"titlecolor": "0x009966",
    			"titlesize": "14"
    		}]
    	}
    字段類型說明備注是否必須
    linkstring點擊跳轉的鏈接
    imgurlstring圖片鏈接地址
    titlestring圖片下方文字
    titlecolor十六進制文字顏色
    titlesizeint文字大小
    widthint圖片寬度
    heightint圖片高度

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

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

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

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

    5) type 取值 piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、piclistimgright_subleft goodslistimgleft_subright、goodslistimgleft_subleft、goodslistimgup_subright、goodslistimgup_subleft時,list數(shù)據(jù)結構示列
    下面 以goodslistimgup_subleft為示例:(其中詳細字段解釋見下面表格)

    {
    		"type": "goodslistimgup_subleft",
    		"list": [{
    			"imgurl": "http://310x310.jpg_.webp",
    			"link": "",
    			"titles": [{
    				"imgleft": "http://tm.png",
    				"imgleftwidth": "30",
    				"imgleftheight": "17",
    				"text": "運動套裝春秋季純色長袖衛(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點擊跳轉的鏈接
    imgurlstring圖片鏈接地址
    titlesarrayitem內容信息 (詳情見下表: titles數(shù)據(jù)結構)內容按照數(shù)組數(shù)據(jù)順序從上向下顯示
    • titles數(shù)據(jù)結構:

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


    2021-11-17 11:58:43

    在線客服