更新记录

1.1.0(2024-06-06) 下载此版本

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

1.0.11(2024-05-27) 下载此版本

  • 优化

1.0.10(2024-05-27) 下载此版本

  • 优化
查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

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协议

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