更新记录

1.0.3（2020-06-05）

1.0.3-修复回退按钮颜色bug

1.0.2（2020-06-04）

1.0.2-修复scss文件缺失

1.0.1（2020-06-04）

1.0.1-修复scss文件确实

平台兼容性

navBar自定义导航栏(适配小程序胶囊不同高度位置)

自定义导航栏，组件名：navBar，代码块： navBar。

使用方式

在 script 中引用组件

全局引用，在main.js中引用

import NavBar from '@/components/lz-navBar/navBar.vue'
Vue.component("NavBar", NavBar);

按需引用

import navBar from "@/components/lz-navBar/navBar.vue"
export default {
    components: {navBar}
}

在 template 中使用组件

使用默认标题栏

<NavBar :backBtn="true" title="发现" background="#f5f5f5"color="#333"></NavBar>

自定义标题栏

<NavBar background="#11274C" :backBtn="false"><image class="margin-l30" src="/static/image/logo.png" mode="scaleToFill"></image></NavBar>

属性说明

Tips

• 本组件依赖 uni-icons 组件,请与uni-icons组件配合使用
• 要自定义导航栏内容backBtn 必须设为 false ,title 为空或者去掉
• 导航栏最初使用position:sticky，考虑到iOS页面滑动的问题最终改为position:fixed,请按需修改
• 兼容app，支付宝、百度等小程序没有测试过，有问题请反馈