更新记录
0.0.31(2021-04-15)
下载此版本
- 修复部分头部会有塌陷问题
0.0.3(2021-04-15)
下载此版本
- 固定头部的最大宽度,如需头部省略号 需要在view 设置class elipse
- 新增头部滑动时,改变showDefaultTitle属性,可切换到另一个slot,slot 写自己的切换的dom,可设置动画时间
0.0.2(2021-04-07)
下载此版本
修改自定义头部内部布局
查看更多
平台兼容性
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>