原生App首页样式
时间:2022-03-20 09:24:22查看量:1099

组件样式

顶部banner广告


宫格


其它样式


JSON格式

字段类型说明备注是否必须
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标题右侧小图标

顶部banner广告JSON格式

字段类型说明备注是否必须
linkstring点击跳转的链接
imgurlstring图片链接地址
{
		"type": "banner",
		"height": "150",
		"list": [ {
			"imgurl": "http://xxxx.png",
			"link": ""
		}]
}

宫格JSON格式

字段类型说明备注是否必须
linkstring点击跳转的链接
imgurlstring图片链接地址
titlestring图片下方文字
titlecolor十六进制文字颜色
titlesizeint文字大小
widthint图片宽度
heightint图片高度
{
		"type": "gongge",
		"num": "5",
		"list": [ {
			"imgurl": "http://53469401.png",
			"title": "数码",
			"link": "",
			"width": "50",
			"height": "50",
			"titlecolor": "0x009966",
			"titlesize": "14"
		}]
}

img4、img3left、img3right样式JSON格式

字段类型说明备注是否必须
linkstring点击跳转的链接
imgurlstring图片链接地址
titlestring图片上显示的文字
titlecolor十六进制文字颜色
titlesizeint文字大小
{
		"type": "img4",
		"list": [{
			"imgurl": "http://469401.png",
			"link": "",
			"title": "\u6807\u98983",
			"titlesize": "14",
			"titlecolor": "0x009966"
		}]
}

itleimg1、titleimg2、titleimg3样式JSON格式

字段类型说明备注是否必须
linkstring点击跳转的链接
imgurlstring图片链接地址
{
		"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": ""
		}]
}

其它样式JSON格式

piclistimgleft_subright、piclistimgright_subright、piclistimgleft_subleft、

piclistimgright_subleft goodslistimgleft_subright、goodslistimgleft_subleft、

goodslistimgup_subright、goodslistimgup_subleft

字段类型说明备注是否必须
linkstring点击跳转的链接
imgurlstring图片链接地址
titlesarrayitem内容信息 (详情见下表: titles数据结构)内容按照数组数据顺序从上向下显示
  • titles数据结构:
字段类型说明备注是否必须
imgleftstring文字左侧小图标
imgleftwidthint文字左侧小图标宽度
imgleftheightint文字左侧小图标高度
imgrightstring文字右侧小图标
imgrightwidthint文字右侧小图标宽度
imgrightheightint文字右侧小图标高度
textstring图片下方文字
textcolor十六进制文字颜色
textsizeint文字大小
{
		"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"
			}]
		}

咨询客服

关注我们

返回顶部

QQ客服
微信客服
咨询热线400-876-0081
二维码同时支持微信与QQ扫码,易活码提供技术支持
官方公众号
咨询热线400-876-0081
二维码同时支持微信与QQ扫码,易活码提供技术支持