header
QQ2052021114 头部组件
# 基础用法
<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'
},
}
}
}