# wx-scrollable-tab-view

**Repository Path**: hihopeorg/wx-scrollable-tab-view

## Basic Information

- **Project Name**: wx-scrollable-tab-view
- **Description**: 可滑动的tab-view组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-13
- **Last Updated**: 2022-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wx-scrollable-tab-view

## 简介
> 可滑动的tab-view

![](art/demo.gif)

## 使用说明

### 1. 复制page下的文件夹到自己项目中
### 2. 编译


## 接口说明

### 1.添加tabs组件
```
<tabs index="{{tabValue}}" vertical="false" onchange="changeTabactive"></tabs>
```
onchange="changeTabactive 用来监听字体颜色是否需要变化。

### 2.添加tab内容
```
<tab-content scrollable="true"></tab-content>
```
scrollable="true" 支持tab左右滑动。

### 3.监听界面点击事件
```
on:click = "eventClick({{$idx}})"
```

## 兼容性
支持 OpenHarmony API version 5 及以上版本。

## 目录结构
````
|---- wx-scrollable-tab-view 
|     |---- entry  # 示例代码文件夹
|           |---- src
|                  |---- main
|                        |---- js
|                              |---- MainAbility
|                                     |---- pages
|                                            |---- scrollableTabView
|                                                   |---- index.js   #scrollableTabView实现
|     |---- README.md  # 安装使用方法                    
````

## 贡献代码
使用过程中发现任何问题都可以提 [Issue](https://gitee.com/hihopeorg/wx-scrollable-tab-view/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://gitee.com/hihopeorg/wx-scrollable-tab-view/pulls) 。