更新记录

1.0.0（2022-08-27）

1.第一版发布

平台兼容性

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

自定义导航栏

支持H5，微信小程序，支付宝小程序，app。自定义模式有两种，一种是文字标题，一种是搜索框

props

参数 描述 类型 默认值
type 自定义导航栏的类型，title:文字，search：搜索框 string title
title 标题，当type == search ,标题不生效.,不传默认没有标题 string
titleFontSize 标题字体大小 单位rpx number 32
titleFontWeight 标题字重 number 600
titleColor 标题颜色 string #333
isShowBackIcon 是否显示返回Icon Boolean true
backText 返回Icon右边返回文字 string
backTextFontSize 返回Icon右边返回文字大小 单位rpx number 28
backTextColor 返回Icon右边返回文字颜色 string #333
rightText 有右边操作按钮文字，未传默认不显示 string
rightTextColor 有右边操作按钮文字颜色 string #333
rightTextFontSize 有右边操作按钮文字大小 number 28
isSeat 时候开启占位，未开启，导航栏下面的元素部分会被遮盖住 Boolean fasle
backGroundColor 自定义导航栏的高度 string #fff
placeholder 搜索框提示文字 string 请输入

事件

方法名 描述 类型
leftClick 点击左侧区域 function
rightClick 点击右侧区域 function
search 搜索确认 function

如何使用

如果遵照官方组件定义规则，则无需引入，否则按需引入

<xl-navbar :isSeat="true" title="自定义导航栏" type="search" ></xl-navbar>

说明

插件第一版更新，有什么问题可以及时提出来，我会第一时间去修改

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

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

加载更多...