更新记录

1.0.0（2025-05-08） 下载此版本

d-navBar

平台兼容性

Vue2 Vue3
× √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue × √ × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ × × × × ×

d-navBar使用说明

<d-navBar arrow leftText="返回" title="导航" rightText="右侧" />

获取导航栏高度

uni.getStorageSync('navbarHeight')

Props

名称 类型 默认值 描述
title string 导航栏标题文字
isOccupy boolean true 是否生成等高的占位元素
isBack boolean true 点击左侧是否返回上一页
bgColor string #fff 导航栏背景颜色
textColor string #333 导航栏字体颜色
arrow boolean false 是否显示返回箭头
leftText string 左侧文字
leftColor string textColor 左侧文字图标颜色
rightText string 右侧文字
rightColor string textColor 右侧文字颜色
zIndex number 99 导航栏层级

Events

名称 描述
left 点击左侧时触发
right 点击右侧时触发

Slots

名称 描述
left 导航栏左侧内容
center 导航栏标题内容
right 导航栏右侧内容

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

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

加载更多...