https://github.com/chenyangcun/wepy-com-navbar

微信小程序 wepyjs NavBar组件
https://github.com/chenyangcun/wepy-com-navbar

Last synced: 2 months ago
JSON representation

微信小程序 wepyjs NavBar组件

• Host: GitHub
• URL: https://github.com/chenyangcun/wepy-com-navbar
• Owner: chenyangcun
• Created: 2017-10-28T12:01:35.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-29T03:01:26.000Z (about 7 years ago)
• Last Synced: 2024-11-01T19:32:55.885Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.95 KB
• Stars: 14
• Watchers: 2
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wepy - wepy-com-navbar: 基于wepy的NavBar组件

README

        
# 微信小程序 wepyjs NavBar组件

![NavBar](https://raw.githubusercontent.com/chenyangcun/images/master/navbar/navbar.jpg)

## 说明

基于wepy框架开发微信小程序NavBar控件

## 使用

### 安装组件

```

npm install wepy-com-navbar --save

```

### 使用例子

```

  

  

    

      TAB1

    

    

      TAB2

    

    

      TAB3

    

  

  import wepy from 'wepy'

  import NavBar from 'wepy-com-navbar'

  export default class Index extends wepy.page {

    config = {

      navigationBarTitleText: 'NavBar测试',

      enablePullDownRefresh: false

    }

    data = {

      currentTab: 0,

      tabs: ['TAB1', 'TAB2', 'TAB3']

    }

    methods = {

      bindChange(e) {

        this.currentTab = e.detail.current

      }

    }

    components = {

      navBar: NavBar

    }

  }

```