mini-viewpager

![npm](https://www.npmjs.com/package/mini-viewpager) ![Package Control](https://github.com/mini-plug/mini-ViewPager.git)
!GitHub last commit (branch)
![Build Status](https://travis-ci.org/mini-plug/mini-ViewPager)

使用方法

1. npm i mini-viewpager or yarn add mini-viewpager
2. 在Page的json文件内添加配置
``

json
     {
      "usingComponents": {
      "viewpager": "mini-viewpager/viewpager",
      "tabIndicator": "mini-viewpager/tabIndicator"
      }
    }


 3. 在布局中配置

xml
                           bind:onTabSelect='onTabSelect'
                      currentIndex="{{tabCurrentIndex}}">
                  
     
                     count="{{tab.length}}" 
                onPagerChange="{{onPagerChange}}">
        
            {{item.name}}


 4. 属性
 
    *

properties


    
        字段名|类型|必填|描述
        :----:|:----:|:----:|:----:
        tab|Array|是|tab显示的内容
        currentIndex|Number|是|当前需要显示的index
        count|Number|是|数量,与tab数量对应
        bind:onTabSelect|Function|否|状态回调
        onPagerChange|Function|否|状态回调
测试

npm run dev`

mini-viewpager

使用方法

1. npm i mini-viewpager or yarn add mini-viewpager
2. 在Page的json文件内添加配置
``

json
     {
      "usingComponents": {
      "viewpager": "mini-viewpager/viewpager",
      "tabIndicator": "mini-viewpager/tabIndicator"
      }
    }


 3. 在布局中配置

xml
                           bind:onTabSelect='onTabSelect'
                      currentIndex="{{tabCurrentIndex}}">
                  
     
                     count="{{tab.length}}" 
                onPagerChange="{{onPagerChange}}">
        
            {{item.name}}


 4. 属性
 
    *

properties


    
        字段名|类型|必填|描述
        :----:|:----:|:----:|:----:
        tab|Array|是|tab显示的内容
        currentIndex|Number|是|当前需要显示的index
        count|Number|是|数量,与tab数量对应
        bind:onTabSelect|Function|否|状态回调
        onPagerChange|Function|否|状态回调
测试

npm run dev`