更新记录
1.0.07(2021-04-02)
1.0.07
1.0.06(2021-04-02)
1.0.06
1.0.05(2021-04-02)
1.0.05
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
sakura
自定义头部
参数
属性名称 | 作用 | 类型 | 默认值 |
---|---|---|---|
isHideFill | 是否隐藏需要填充物 | Boolean | false |
isFixed | 是否需要fixed定位 | Boolean | true |
background | 背景颜色 | String | #ffffff |
opacity | 透明度 | String |Number | 1 |
title | 标题 | String | |
statusBarStyle | 状态栏颜色 black: 黑色 white: 白色 | String | black |
customHeadIconStyle | 导航左边图标 arrow: 箭头 close: 叉叉 | String | arrow |
isListenBackPage | 是否需要自己监听返回按钮 | Boolean | false |
isLimitLeftWidth | 是否限制左边的宽度 | Boolean | true |
appIsShowSlotRight | APP端是否显示右边插槽 | Boolean | true |
weChatMiddleIsCenter | 微信小程序,自定义middle的时候是否要让内容居中显示 | Boolean | false |
isHideIcon | 是否需要隐藏左右两边图标 隐藏了之后midlle插槽的宽度就是自定义头部整宽(小程序端去除菜单导航) | Boolean | false |
插槽
插槽名称 | 插槽作用 |
---|---|
let | 左边图标 |
middle | 中间内容 |
right | 右边内容(app端有用,微信端不起作用) |
事件
事件名称 | 返回值 |
---|---|
init | custom_height: 自定义头部高度 status_bar_height: 状态栏高度 slot_height: 插槽高度 window_height: 使用了自定义导航后手机上除去导航栏之外的可视高度(isHideFill == false)的时候 |