更新记录

0.0.31(2021-04-15) 下载此版本

  1. 修复部分头部会有塌陷问题

0.0.3(2021-04-15) 下载此版本

  1. 固定头部的最大宽度,如需头部省略号 需要在view 设置class elipse
  2. 新增头部滑动时,改变showDefaultTitle属性,可切换到另一个slot,slot 写自己的切换的dom,可设置动画时间

0.0.2(2021-04-07) 下载此版本

修改自定义头部内部布局

查看更多

平台兼容性

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

下载解压导入Hbuilderx

平台兼容性

Android APP IOS APP H5

其他没测试过,理论上应该是一样的

需要page.json自定义头部声明

    "style": {
                "navigationStyle": "custom"
            }

Slot

v-slot:header v-slot:right v-slot:change-header
中间的部分 右边的部分 切换显示的标题

Props

animateTime showDefaultTitle
动画时长 是否切换显示标题状态

代码示例

        <Headers>
            <template v-slot:header>
                <view>
                    标题
                </view>
            </template>
            <template v-slot:change-header>
                <view>
                    改变后的标题
                </view>
            </template>
            <template v-slot:right>
                <view>
                    右侧
                </view>
            </template>
        </Headers>

隐私、权限声明

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

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

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

许可协议

MIT协议

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