更新记录
1.0.1(2024-11-14)
下载此版本
更新组件的描述信息
1.0.0(2024-11-14)
下载此版本
添加自定义头部
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
× |
√ |
× |
√ |
√ |
√ |
grant-navbar
一款简洁的自定义head组件
功能 |
是否支持 |
自定义标题 |
支持 |
自定义icon |
支持 |
自定义head内容 |
支持 |
自定义head样式 |
支持 |
自带返回按钮 |
支持 |
代码
<grant-navbar
:back="true"
title="这是一个标题"
:headStyle="headStyle"
/>
// 示例
<grant-navbar
:back="true"
title="这是一个标题"
:headStyle="headStyle"
>
<template v-slot:content>
<view>自定义内容区域</view>
</template>
</grant-navbar>
属性说明
属性名 |
类型 |
默认值 |
说明 |
title |
String |
标题 |
头部标题展示 |
back |
Boolean |
true |
是否展示返回按钮 |
headStyle |
string |
background: xxx |
头部自定义样式 |
slot 说明
属性名 |
类型 |
content |
自定义头部的全部内容 |
navIcon |
自定义返回按钮的icon |