<th id="br2hw"></th>
      <th id="br2hw"></th>

      <label id="br2hw"></label>
      1. <th id="br2hw"></th><dd id="br2hw"><center id="br2hw"></center></dd>

        原生頁面-首頁樣式

        字段類型說明備注是否必須
        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對應不同的數據結構,下面會有說明
        numint每行顯示的個數只在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數據結構示例:(具體字段詳情見下表)**

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

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

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

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

        {
        		"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數據結構示例:(具體字段詳情見下表)

        {
        		"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數據結構示列
        下面 以goodslistimgup_subleft為示例:(其中詳細字段解釋見下面表格)

        {
        		"type": "goodslistimgup_subleft",
        		"list": [{
        			"imgurl": "http://310x310.jpg_.webp",
        			"link": "",
        			"titles": [{
        				"imgleft": "http://tm.png",
        				"imgleftwidth": "30",
        				"imgleftheight": "17",
        				"text": "運動套裝春秋季純色長袖衛衣",
        				"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數據結構)內容按照數組數據順序從上向下顯示
        • titles數據結構:

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


        2021-11-17 11:58:43

        在線客服
        亚洲国产精品高清线久久
        <th id="br2hw"></th>
            <th id="br2hw"></th>

            <label id="br2hw"></label>
            1. <th id="br2hw"></th><dd id="br2hw"><center id="br2hw"></center></dd>