# si-tabbar

**Repository Path**: binyylovesino/si-tabbar

## Basic Information

- **Project Name**: si-tabbar
- **Description**: 基于uniapp，使用lottie动画插件，自定义tabbar，分别支持H5和小程序平台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2022-04-15
- **Last Updated**: 2024-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# si-tabbar

#### 介绍
基于uniapp，使用lottie动画插件，自定义tabbar，分别支持H5和小程序平台

#### 软件架构
基于uniapp的官方封装tabbar方案，在底部自定义tabbar的UI界面替换原装界面，可以随意控制tabbar界面形式以及动画效果(使用lottie动画插件示范)，也不影响本来的性能。
通过uniapp的条件编译，暂时支持H5端和小程序端。


#### 安装教程

1.  npm init -y
2.  npm install

#### 使用说明

1.  基于uniapp
2.  开发工具HBuilderX
3.  微信小程序 lottiejs-miniapp
4.  H5端 vue-lottie lottie-web

#### BUG或优化

1.H5端通过uni.preloadPage预加载处理tabbar首次切换闪烁问题，微信小程序暂未处理

#### 演示效果

![Image text](https://gitee.com/binyylovesino/si-tabbar/raw/master/static/demo/h5.png)

![Image text](https://gitee.com/binyylovesino/si-tabbar/raw/master/static/demo/mp.png)