sf-mini-navbar v0.0.8

说明

一个通用的微信小程序顶部的导航栏组件，预留了右侧胶囊的空间。

使用

属性：

• title: string，文字内容，导航栏中间显示的标题文字。传 slot = 'middle' 可自定义中间标题位置的内容；
• img：string，图片url，导航栏左侧返回按钮的图片地址，可传可不传，不传会显示默认的返回图片。传 slot = 'left' 可自定义左侧返回按钮的位置的内容；

事件:

• tap-left：点击导航栏左侧的返回按钮触发 tap-left 事件

示例：

// 最简单的使用方式
<nav-bar
  title="专辑详情"
  bind:tap-left="onTapLeft">
</nav-bar>

// 通过 slot 传入自定义内容
<nav-bar bind:tap-left="onTapNavBack">
  <view slot="middle">
    <block wx:for="{{navItems}}" wx:key="item">
      <view bind:tap="onTapNav">{{item}}</view>
      <view wx:if="{{ index !== item.length-1 }}">|</view>
    </block>
  </view>
</nav-bar>

发布地址

npm包地址：npmjs.com/package/sf-mini-navbar.git

git地址：git@github.com:went2/sf-mini-navbar.git

完。