更新记录

1.1.2（2023-11-27）

更新readme

1.1.1（2023-11-27）

更新使用说明，增加git,npm

1.1.0（2023-11-26）

修改说明

平台兼容性

l-navbar自定义导航栏

概要

在做项目的过程中用到了navbar，发现uview并不能满足需求，于是结合了uview中navbar导航栏的方式写了该组件。

Tips

1. 该插件使用的预编译，需要自行安装scss/sass插件。
2. 该插件同时兼容了Vue和Vue3，hbuilderX 最好是更新到较新版本。

支持的平台

• 支持app-vue、微信、支付宝小程序可用，其他平台可自行测试。

• 暂不支持nvue

使用示例

//符合uni_modules规范，直接在页面中使用，无需单独引入注册组件。
<template>
    <view>
        <l-navbar title="首页" leftColor="#ffffff" titleColor="#ffffff" iconColor="#ffffff" :search="true"
            @leftClick="leftClick" :showRight="false"
            background="linear-gradient(180deg, #ff6043 51%, rgba(255, 96, 67, 0) 99%)" :border="false">
        </l-navbar>
    </view>
</template>

<script>
    export default {
        methods: {
            leftClick() {
                console.log("点击左侧区域")
            },
        }
    }
</script>

<style>
</style>

属性值说明

事件

插槽

其他

• git地址：https://gitee.com/lora0925/l-navbar.git
• npm地址：https://www.npmjs.com/package/l-navbar
• npm i l-navbar