原生分类页面样式
时间:2022-03-20 10:02:34查看量:4043
组件样式
分类左右两侧分类页
左侧JSON格式
{
"color": "0x000000",
"fontsize": "14",
"list": [{
"name": "手机数码",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "精品男装",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "精品女装",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "家用电器",
"url": "https://ehuoma.com/api/appd/class1"
}, {
"name": "母婴童装",
"url": "https://ehuoma.com/api/appd/class1"
}]
}
字段 | 类型 | 说明 | 备注 | 是否必须 |
---|---|---|---|---|
color | 十六进制 | 文字颜色 | 是 | |
fontsize | int | 字号大小 | 是 | |
list | Array | 大分类数据,介绍见下文 | 是 |
字段 | 类型 | 说明 | 备注 | 是否必须 |
---|---|---|---|---|
name | String | 分类名字 | 是 | |
url | String | 下级分类接口,用来请求右侧数据 | 是 |
右侧JSON格式
{
"num": "3",
"all": "3",
"current": "1",
"list": [{
"img": "http:\/\/ehuoma.com\/static\/appimg\/O1CN01pdZEwX2BF7DaVrwSH_!!2211270848308.jpg_310x310.jpg_.webp",
"width": "30",
"height": "30",
"url": "#",
"txt": "苹果",
"color": "0x000000",
"size": "14"
}, {
"img": "http:\/\/ehuoma.com\/static\/appimg\/O1CN01pdZEwX2BF7DaVrwSH_!!2211270848308.jpg_310x310.jpg_.webp",
"width": "30",
"height": "30",
"url": "#",
"txt": "华为",
"color": "0x000000",
"size": "14"
}]
}
字段 | 类型 | 说明 | 备注 | 是否必须 |
---|---|---|---|---|
num | int | 每行显示的个数,右侧数据为宫格格式 | 是 | |
all | int | 数据总页数,右侧数据支持分页 | 是 | |
current | int | 当前页码 | 是 | |
list | Array | 右侧列表数据,介绍见下文 | 是 |
字段 | 类型 | 说明 | 备注 | 是否必须 |
---|---|---|---|---|
img | String | 图片地址 | 是 | |
width | int | 图片宽度 | 是 | |
height | int | 图片高度 | 是 | |
url | int | 跳转地址 | 是 | |
txt | int | 小分类名称 | 是 | |
color | 十六进制 | 文字颜色 | 是 | |
size | int | 字号大小 | 是 |
上一篇:原生App首页样式
下一篇:原生列表页样式