更新记录
1.0.4(2023-12-06)
下载此版本
fix: 修复文档错乱问题
1.0.3(2023-12-06)
下载此版本
fix: 更新文档
1.0.2(2023-12-06)
下载此版本
fix: 修复一些问题
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.94 app-uvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
ux-navbar
顶部导航栏组件
使用方式
<ux-top-bar title="自定义导航栏"></ux-top-bar>
参数
参数名 |
类型 |
默认值 |
是否必传 |
备注 |
back |
boolean |
false |
否 |
是否有返回按钮 |
color |
string |
#000 |
否 |
标题文本颜色 |
frontColor |
string |
#000000 |
否 |
状态栏前景色,只支持#ffffff和#000000 |
bgColor |
string |
#fff |
否 |
导航栏背景色 |
position |
boolean |
false |
否 |
是否开启定位 |
title |
string |
'' |
否 |
导航栏标题文本 |
leftMenus |
Menu[] |
[] |
否 |
左侧按钮 |
rightMenus |
Menu[] |
[] |
否 |
右侧按钮 |
事件
事件名 |
参数 |
备注 |
@on-left-menus |
index: number |
左侧按钮点击事件,index为按钮下标 |
@on-right-menus |
index: number |
右侧按钮点击事件,index为按钮下标 |
Slots
slot |
备注 |
@slot left-menus |
可自定义左侧按钮 |
@slot title |
自定义标题文本 |
@slot right-menus |
自定义右侧按钮 |
Menu类型
type |
备注 |
icon: string |
按钮图标 |
text: string |
按钮文本 |
color: string |
按钮颜色 |
size: number |
按钮图标大小 |
注意:icon默认使用的ux-icons图标
注意:本组件需要关联ux-statusbar组件