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