更新记录

1.0.4（2024-10-28） 下载此版本

• 新增: 增加对 nvue 的支持
• 新增: 支持背景图
• 优化: 优化多端显示

1.0.3（2024-10-23） 下载此版本

• 修复: 微信小程序基础库版本太低导致无法使用问题
• 新增: 兼容H5
• 新增: 兼容APP

1.0.2（2024-10-18） 下载此版本

[优化] 整体兼容性调整 [增加] 默认固定到顶部, 增加 fixed 参数 [移除] custom 类型

平台兼容性

y-navigation

兼容性

支持 nvue

🌈 TypeScript + Vue3

开发这个组件的初衷

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

有其他需求可联系我, 接php全栈开发 / 前端开发 (微信: Base1024)

示例代码

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

    <!-- 透明 | 使用插槽 -->
    <y-navigation  :background="'transparent'">
        我的二维码
    </y-navigation>

    <!-- 渐变色 -->
    <y-navigation background="linear-gradient(135deg,#ee9ae5,#5961f9)" title="用户列表" />

    <!-- 使用图片作为背景, !!! nvue不支持渐变色  可使用背景图替代 -->
    <y-navigation :backgroundImage="navBg" color="black" :fixed="true" title="用户列表" />
</template>

<script lang="ts" setup>
import navBg from '../../static/navbar-bg.png';
</script>

参数

插槽

常见问题

1. 渐变色在 nvue 页面中无效 答: nvue 不支持渐变色, 可以设置背景图片替代