HeaderType.md
3 KB
HeaderType
==================
H5的Header样式
- 头部样式1
- 头部样式2
- 头部样式3
App的Header样式
- 头部样式1
headerid:1
left:默认action为返回,可由h5设置action
title:展示文字、action都由h5设置
{
"header":{
"headerid":"1",
"left":{
"action":"url"
},
"title":{
"des":"标题",
"action":"url"
}
}
}
- 头部样式2
headerid:2
left:默认action为返回, 可由h5设置action
title:展示文字、action都由h5设置
right:默认action为在线客服的url,可由h5设置action
{
"header":{
"headerid":"2",
"left":{
"action":"url"
},
"title":{
"des":"标题",
"action":"url"
},
"right":{
"action":"url"
}
}
}
- 头部样式3
headerid:3
left:默认action为返回, 可由h5设置action
title:展示文字、action都由h5设置
right:展示文字、action都由h5设置
{
"header":{
"headerid":"3",
"left":{
"action":"url"
},
"title":{
"des":"标题",
"action":"url"
},
"right":{
"des":"标题",
"action":"url"
}
}
- 头部样式4
headerid:4
ltitle:默认展示品牌;展示文字、action都由h5设置
rtitle:默认展示品类;展示文字、action都由h5设置
{
"header":{
"headerid":"4",
"ltitle":{
"des":"品牌",
"action":"url"
},
"rtitle":{
"des":"品类",
"action":"url"
}
}
}
- 头部样式5
headerid:5
left:默认action为返回, 可由h5设置action
ltitle:展示文字、action都由h5设置
rtitle:展示文字、action都由h5设置
right:展示文字、action都由h5设置
{
"header":{
"headerid":"5",
"left":{
"action":"url"
},
"ltitle":{
"des":"商品",
"action":"url"
},
"rtitle":{
"des":"品牌",
"action":"url"
},
"right":{
"des":"编辑",
"action":"url"
}
}
}
- 头部样式6
headerid:6
title:默认展示“资讯”;文字、action可由h5设置
right:性别分类默认:all、men、women;点击对应性别,调用相应h5的action
{
"header":{
"headerid":"6",
"title":{
"des":"资讯",
"action":"url"
}
}
}