更新记录

1.1.0(2024-06-06)

  • 修复 ios小程序模糊背景不生效的问题

1.0.11(2024-05-27)

  • 优化

1.0.10(2024-05-27)

  • 优化
查看更多

平台兼容性

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

jade-nav-bar 自定义顶部导航

写插件不易,好用的话请5星好评,向身边朋友推荐吧ヾ(´▽‘)ノ。

注:本组件目前兼容微信小程序、H5,其它平台未实际测试过。


示例

<template>
    <view>
        <jade-nav-bar statusBar openPageWatcher :openPlaceholder="false" title="自定义导航"></jade-nav-bar>
    </view>
</template>

属性介绍

名称 类型 默认值 描述
title String '' 标题文字
color String #ffffff 标题文字颜色
fontSize String 32rpx 标题文字大小
textAlign String center 标题文字位置(left,center,right)
iconSize Number,String 20 返回图标大小
iconType String left 返回键图标类型(同uni.icons组件类型)
backgroundColor String '' 导航栏背景色
secondTitle String '' 二级标题文字
secondColor String #666666 二级标题颜色
secondFontSize String 20rpx 二级标题大小
imageSrc String '' 图片地址
imageWidth String 32px 图片宽度
imageHeight String 32px 图片高度
imageLeft String 15px 图片左边距
imageTop String 0px 图片上边距
openPlaceholder Boolean true 是否开启导航占位
openPageWatcher Boolean false 是否开启页面是否能返回的监听
backdropFilter String 5px 背景模糊度
statusBar Boolean false 是否包含状态栏

隐私、权限声明

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

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

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

许可协议

MIT协议

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