1.0.4 • Published 5 months ago

navigationbar-wx v1.0.4

Weekly downloads
-
License
ISC
Repository
-
Last release
5 months ago

微信原生小程序导航栏 navigation-bar 使用说明

1、安装插件,并在小程序开发工具中构建 npm

npm i navigationbar-wx

2、app.js 中得 globalData 内写上如下:

globalData: {
    navigationbarWx: {
      title: "小程序默认名称",
      homePath: "/pages/index/index",//默认路径,如果相同可以忽略这个参数
    },
  },
字段是否必填说明
title小程序默认标题
homePath小程序首页默认路径,斜杠开头

3、app.json 中配置插件

"usingComponents": {
    "navigationbar-wx": "navigationbar-wx"
  }

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

<!-- 可直接使用 -->
<navigationbar-wx />
<!-- 也可传参使用 -->
<navigationbar-wx
title=""
logo=""
color=""
bgColor=""
bgImg=""
iconColor=""
hideHome=""
hideSeat=""
 />
字段必传类型默认值说明
titleString当前页面标题
logoString可传入一个图片 URL 作为标题,logo 优先级大于 title
colorString#000000字体颜色,默认黑色
bgColorString#ffffff导航栏颜色,默认白色
bgImgString导航栏整体图片,背景图优先级大于背景颜色
iconColorStringblack左边按钮颜色,只支持 black、white 两种类型
hideHomeBooleanfalse当没有上一级页面时,是否隐藏小房子
hideSeatBooleanfalse导航栏底部占位,默认占位不隐藏
1.0.4

5 months ago

1.0.3

5 months ago

1.0.2

6 months ago

1.0.1

6 months ago

1.0.0

6 months ago