header

基础用法

<app-header v-if="header" :config="headerConfig"></app-header>

注意

一般在开发过程中，是不需要引用和使用该组件的，因为已经在全局的layout中嵌入该组件。
只需要在 <layout></layout> 传入header组件的 appHeader 配置就可以 , 可以查看Layout

参数

参数	说明	类型	默认值
isBorder	是否显示底部下划线	Boolean	true
backgroundColor	背景颜色	String	-
back	左边按钮	Boolean	true
leftIcon	左边ICON	String	-
color	字体颜色	String	-
leftText	左边文本	String	-
title	标题	String	-
support	是否需要占用底部空间	Boolean	true

Demo

export default {
  name: 'Demo',
  data() {
    return {
      //数据绑定的字段
      headerConfig: {
        title: 'Demo'
      },
    }
  }
}