# tabbar

**Repository Path**: lvlan0516/tabbar

## Basic Information

- **Project Name**: tabbar
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# firstvue

#### 介绍
{**以下是码云平台说明，您可以替换此简介**
码云是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  不用currentIndex选中tabbarItem代码实现：

```
computed: {
  isActive() {
    return this.$route.path.indexOf(this.path) !== -1
    // 判断当前活跃路由的path有没有这个path !== -1即找到了,没找到为-1
    //   /home -> item1(/home) = true
    //   /home -> item1(/category) = false
    //   /home -> item1(/cart) = false
    //   /home -> item1(/profile) = false
  }
},
```

2.  意在template下动态绑定选中文字的颜色，不需要到style找源码：

```
props:{
  // 1.定义变量类型和默认值
  activeColor:{ //选中颜色
    type:String,
    default:'blue'
  }
},

<!-- 2.在元素上动态绑定样式 -->
<div :style="isActive?{color:this.activeColor}:{}"><slot name="item-text"></slot>
```
或者觉得复杂的话写在计算属性中：

```
computed: {
  activeStyle(){
    return this.isActive?{color:this.activeColor}:{}
  }
},
```


3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)