taro-vue-nav v1.0.0

taro-vue-nav插件

version: 1.0.0

author: toumingren

一个基于taro 3.0 + vue 小程序的 nav 插件，通过参数配置可以支持带背景图的nav，不带背景图的nav,可以灵活应用，也可以根据自己的特殊业务去扩展，适配各设备机型。

兼容性

H5 + 各平台小程序

工程要求

taro 3.0 + vue

功能

1、自定义nav组件 2、路由页面退回 3、虚拟页面退回 4、回到首页 5、nav标题栏居中显示，靠左显示 6、支持带背景图nav，纯背景色nav 7、通过计算胶囊高度设置nav高度，适配各手机型号 8、完整工程配置

全局引入，app.js中 import 引入并注册，即可全局使用

npm 安装引入：

npm install taro-vue-nav

import navCustomBar from 'taro-vue-nav';
Vue.component('nav-custom-bar', navCustomBar);

插槽使用

nav支持一些可自定义化的插槽，如nav标题文字，比如加图标icon等，可使用插槽自定义添加结构，使用方法如下：

  <nav-custom-bar >
      <block slot="content">
        插槽文字信息
      </block>
  </nav-custom-bar>

参数及事件

Props