原生会员页样式

时间：2022-03-20 09:59:03查看量：3091

组件样式

JSON格式

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

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

{
	"all_data": {
		"islogin": 1,
		"name": "测试账户",
		"img": "http://头像.jpg",
		"type": 1,
		"num": 2,
		"list": [{
			"title": "待付款",
			"link": "",
			"imgurl": "http://eListImg12.png"
		}, {
			"title": "待发货",
			"link": "",
			"imgurl": "http://eListImg12.png"
		}, {
			"title": "待收货",
			"link": "",
			"imgurl": "http://eListImg12.png"
		}]
	}
}

字段	类型	说明	备注	是否必须
islogin	int	登陆状态	0：未登录，1：已登陆	是
name	string	用户名		是
img	string	头像		是
type	int	布局类型	1：宫格布局，2：列表布局	是
num	int	当type为1时使用，设置宫格每行的个数		否
list	array		详细字段见下表: list 字段	是

list字段

字段	类型	说明	是否必须
title	string	功能名称	是
link	string	点击功能跳转的链接	是
imgurl	string	功能配图，在type为1的时候使用	否

组件样式

{
	"all_data": {
		"islogin": 1,
		"name": "测试账户",
		"img": "http://img12.360buyimg.com/n7/jfs/t1/180177/30/20923/233998/61265b41Ef039d7ad/9617b65bc6a8bfc5.jpg",
		"type": 1,
		"num": 2,
		"list": [{
			"title": "待付款",
			"link": "",
			"imgurl": "https://ehuoma.com/static/appimg/ReListImg12.png"
		}],
		"topbtns": [ {
			"img": "https://img0.baidu.com/it/u=2042961538,3939813491&fm=253&fmt=auto&app=138&f=JPEG",
			"url": "#",
			"width": "20",
			"height": "20"
		}],
		"usign": [{
			"txt": "用户信息1",
			"color": "0xffff00",
			"size": "14",
			"url": "#"
		}],
		"btns": [{
			"img": "http://ehuoma.com/static/appimg/O1CN01XOct5X2JJhzwqG277_!!2053469401.png",
			"width": "30",
			"height": "30",
			"txt": "主内容标题",
			"size": "16",
			"color": "0x000000",
			"txt1": "附属内容标题",
			"size1": "14",
			"color1": "0xf2f2f2",
			"url": "#",
			"badge": "0"
		}]
	}
}

topbtns字段对应下图右上角按钮

字段	类型	说明	是否必须
img	string	图片地址	是
url	string	跳转链接	是
width	int	图片宽带	是
height	int	图片高度	是

usign字段对应下图昵称下面的标签

字段	类型	说明	是否必须
txt	string	文字信息	是
color	十六进制	文字颜色	是
size	int	文字大小	是
url	int	跳转链接	是

btns字段对应下图头像下面的按钮

字段	类型	说明	是否必须
img	string	图片地址	是
url	string	跳转链接	是
width	int	图片宽带	是
height	int	图片高度	是
txt	string	第一行文字信息	是
color	十六进制	第一行文字颜色	是
size	int	第一行文字大小	是
txt1	string	第二行文字信息	否
color1	十六进制	第二行文字颜色	是
size1	int	第二行文字大小	是
badge	int	小圆点数字	否

上一篇：原生列表页样式

下一篇：原生招骋类App展示

文章列表

分类