更新记录

2.9.2(2020-10-14) 下载此版本

第一版,如有什么好的建议请留言


平台兼容性

header_nav 适用于 uni-app 项目的头部导航组件

导航栏组件,主要用于头部导航,组件名:header_nav,代码块: header_nav。

使用方式

script 中引用组件

import headers from "@/components/header_nav.vue"
export default {
components: {headers}
}

template 中使用组件

<headers :HTitle='HTitle' :Licon='Licon' :Subicon='Subicon'></headers>

data 中定义要使用的属性

export default {
        components: {
            headers
        },
        data() {

            return {
                HTitle: "主标题",
                Licon: "../../static/iconfont/leftback.png",
                Subicon:'../../static/iconfont/addition.png',
            }
        },

    }

注意点:pages.json里的style需设置成下面这样

"style": {
            "app-plus": {
                "titleNView": false //禁用原生导航栏
            }
        }

属性说明

属性名 类型 默认值 说明

HTitle String - 标题文字

Licon String - 右侧按钮

SubTitle String - 左侧标题文本

Subicon String - 左侧按钮图标(图标类型参考 Icon 图标 type 属性)

事件说明

事件名 说明 返回值

@Click 左侧按钮点击时触发

隐私、权限声明

1. 本插件需要申请的系统权限列表:

不需要申请任何系统权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

不需要采集数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无任何广告!!

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问