更新记录

1.0.1（2025-06-05） 下载此版本

插件说明

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

初次上传

平台兼容性

uni-app

dshhy-navbar

使用说明

可以直接下载示例代码，里面有完整的示例

1. pages.json 中配置 easycom

   {
   "easycom": {
   "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue"
   }
   }

2. 页面中引用

   
   // template
   <view>
   <dshhy-navbar :param="navBar.param" @navBarBack="navBarBack" @moreClick="moreClick"></dshhy-navbar>
   </view>

3. 注意事项
- 参见插件页面注释信息

# 字段说明
|  字段   | 释义  |
|  ----  | ----  |
| param  | 传入插件参数 |
|        | title: 页面标题 |
|        | model: 使用样式 |
|        | slot: 插槽高度 |
| back   | 接收组件回传数据 |

# 事件说明
|  字段            | 释义  |
|  @navBarBack     | 接收组件回传数据，回传数据为对象类型
                                            {
                                                SBH:状态栏高度,
                                                TBH:标题栏有效区域高度,
                                                NBH:navBar整体高度,
                                                SW:屏幕宽度，备用
                                                SH:屏幕高度，备用
                                            }
                                     |
|  @moreClick      | 点击右侧更多按钮触发主页面动作，用户自定义 |