原生列表页样式

时间：2022-03-20 09:52:30查看量：4007

组件样式

JSON格式

字段	类型	说明	备注	是否必须
all_data	model			是

all_data：数据结构如下：--详细字段见下表

{
	"all_data": {
		"type": "goodslistimgup_subleft",
		"list": [{
"imgurl": "",
			"link": "",
			"titles": [
}]

}}

字段	类型	说明	备注	是否必须
type	string	布局类型	包含的布局类型有： piclistimgleft_subright piclistimgright_subright piclistimgleft_subleft piclistimgright_subleft goodslistimgleft_subright goodslistimgleft_subleft goodslistimgup_subright goodslistimgup_subleft	是
list	Array		每一个type对应不同的数据结构	是

JSON格式

以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"
			}]
		}

字段	类型	说明	备注	是否必须
link	string	点击跳转的链接		是
imgurl	string	图片链接地址		是
titles	array	item内容信息 (详情见下表: titles数据结构)	内容按照数组数据顺序从上向下显示	是

titles数据结构：

字段	类型	说明	是否必须
imgleft	string	文字左侧小图标	否
imgleftwidth	int	文字左侧小图标宽度	否
imgleftheight	int	文字左侧小图标高度	否
imgright	string	文字右侧小图标	否
imgrightwidth	int	文字右侧小图标宽度	否
imgrightheight	int	文字右侧小图标高度	否
text	string	图片下方文字	是
textcolor	十六进制	文字颜色	否
textsize	int	文字大小	否

上一篇：原生分类页面样式

下一篇：原生会员页样式

文章列表

分类