1.0.17 • Published 1 year ago

@chenbz/wmp-navbar v1.0.17

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

简介

wmp-navbar 是一款微信小程序导航栏自定义组件,通过简单的属性配置即可使用,同时为了保证可拓展性,预留了slot进行自定义展示。

效果图

效果图

亮点

  1. ✅保证安卓IOS显示效果一致
  2. 拓展🉑️同时显示返回上一页返回首页
  3. 点击标题🉑️返回顶部
  4. 预留slot进行拓展

使用

初始化项目

npm init

安装

npm i @chenbz/wmp-navbar

构建npm

工具 => 构建npm

使用

index.json

{
    "usingComponents": {
        "wmp-navbar": "@chenbz/wmp-navbar"
    },
    "navigationStyle": "custom"
}

index.wxml

<view>
  <wmp-navbar title="标题"></wmp-navbar>
</view>

属性

属性描述默认值
title标题hello world
showGoBack显示返回按钮false
showHome显示返回主页按钮false
position是否开启绝对定位false
bgColor导航栏背景颜色white
titleColor导航栏标题颜色#000000
showSlot是否开启slotfalse
showBlankBlock是否开启空白块占位false

更新日志

  • 2022-08-21 初次提交
  • 2022-09-07 优化顶部导航栏粘性定位顶部
  • 2022-09-10 新增点击标题返回顶部
1.0.17

1 year ago

1.0.16

1 year ago

1.0.15

1 year ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago