Navigationbar-wx-taro NPM

React+TS+Taro 小程序导航栏 navigationbar-wxTaro 使用说明

1、安装

npm i navigationbar-wx-taro

2、app.js 内写上如下：

import { NavigationbarWxTaro } from "navigationbar-wx-taro/build_dist/config";
NavigationbarWxTaro.init({
  title: "小程序默认名称",
  homePath: "/pages/index/index",//默认路径，如果相同可以忽略这个参数
})
//备注：init 可初始化的字段如下字段说明

3、页面使用-传参如下说明

import NavigationbarTaro from "navigationbar-wx-taro";
// <!-- 可直接使用 -->
<NavigationbarTaro />
// <!-- 也可传参使用 -->
<NavigationbarTaro
title=""
logo=""
color=""
bgColor=""
bgImg=""
iconColor=""
hideHome=""
hideSeat=""
 />

字段说明

字段	必传	类型	默认值	说明
title	否	String	小程序默认标题	当前页面标题
logo	否	String	无	可传入一个图片 URL 作为标题,logo 优先级大于 title
color	否	String	#000000	字体颜色，默认黑色
bgColor	否	String	#ffffff	导航栏颜色，默认白色
bgImg	否	String	无	导航栏整体图片,背景图优先级大于背景颜色
iconColor	否	String	black	左边按钮颜色，只支持 black、white 两种类型
hideHome	否	Boolean	false	当没有上一级页面时，是否隐藏小房子
hideSeat	否	Boolean	false	导航栏底部占位，默认占位不隐藏
homePath	否	String	/pages/index/index	页面如果设置这个参数优先级高于 init 时传入的路径

navigationbar-wx-taro v1.0.2

React+TS+Taro 小程序导航栏 navigationbar-wxTaro 使用说明

1、安装

2、app.js 内写上如下：

3、页面使用-传参如下说明

字段说明

github 地址