更新记录

1.0.0(2024-07-22) 下载此版本

第一版


平台兼容性

HbuilderX/cli最低兼容版本
3.99

uni-app

Vue2 Vue3
?
app-vue app-nvue app-android app-ios app-harmony
? ? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?

y-navigation

🌈 TypeScript + Vue3 (是的,不支持vue2)

开发这个组件的初衷

偶尔需要用到自定义导航,有时是透明背景,有时是渐变色背景;

有时是使用了自定义 tabbar 解决权限展示底部按钮问题,子页面作为组件载入。。。 结果了,导航栏无了 得搓一个差不多的用来占位

目前实践测试了 微信小程序 H5,有问题欢迎联系微信 Base1024 我会及时修复。

Examples

<template>
    <!-- 正常 -->
    <y-navigation :type="'default'" background="#456dea">
        客户列表
    </y-navigation>

    <!-- diy -->
    <YNavigation :type="'custom'" :background="'transparent'" :show-status-bar="false">
        我的二维码
    </YNavigation>
</template>

Props

参数

参数名称 类型 默认值 描述
type string default 类型,取值范围:default | custom
showBack boolean true showBack && 有上一页 才显示
color string white 文字颜色,取值范围:white | black
background string linear-gradient(135deg, #0498FB 0%, #5359EE 100%) 背景色,允许使用渐变色,rgba,hex等
showStatusBar boolean true 状态条占位,小程序 app建议开启
fontSize string | number 34rpx 文字大小,仅 custom 类型时生效,输入 number 默认单位 rpx

Slot

插槽

name 作用
default 导航栏标题
extend 右侧扩展内容区域

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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