更新记录

1.0.6（2024-11-15） 下载此版本

修复h5端头部动态背景异常问题

1.0.5（2024-11-10） 下载此版本

优化： 监听滚动的页面关闭后及时卸载监听事件， 优化：返回按钮如果没有上一层的话默认返回tabbar首页

1.0.4（2024-10-12） 下载此版本

改为默认固定fixed，修复header内容跟胶囊不是垂直居中的问题

平台兼容性

使用方式

需要配置下默认首页的路径 defaultHomeUrl 根据自己项目的路径来

1. 直接使用默认是跟页面布局在同一层没有定位

   <easy-header title="标题标题"></easy-header>

2. 标题放到了返回箭头的旁边

   <easy-header leftTitle="标题"></easy-header>

3. 不显示返回箭头(当前页为tabbar的时候)

   <easy-header leftTitle="标题" :backShow="false"></easy-header>

4. 显示底部边框

   <easy-header leftTitle="标题" :bdShow="false"></easy-header>

5. 0默认文字图标 黑色 1文字图标白色

   <easy-header leftTitle="标题" themeType="1" :bdShow="false"></easy-header>

6. 自定义样式 aaaa这个类需要在当前页且style为scoped的时候才会生效

   <easy-header leftTitle="标题" customClass="aaaa" themeType="1" :bdShow="false"></easy-header>

7. isBlank true 代表只是占位，状态栏的高度那部分

   <easy-header isBlank leftTitle="标题" customClass="aaaa" themeType="1" :bdShow="false"></easy-header>

8. listenBack 拦截箭头的返回，自定义

   <easy-header isBlank leftTitle="标题" customClass="aaaa" themeType="1" :bdShow="false"></easy-header>

9. bgOpacity 1背景不透明 0背景透明

   <easy-header :bgOpacity="0" leftTitle="标题" customClass="aaaa" themeType="1" :bdShow="false"></easy-header>

10. dynamicBg true 监听页面滑动，头部的背景从透明变成白色 需要在当前页面监听生命周期 onPageScroll

    
    <!-- 监听页面的生命周期  跟 created  mounted 同级-->
    onPageScroll(e) {
    uni.$emit('scroll', e.scrollTop)
    }
    <!-- 在页面头部使用 -->
    <easy-header :dynamicBg="true"></easy-header>

11. fixed 固定在头部 不会跟随页面去滚动

12. 插槽  可自定义内容