uniapp 底部导航样式

uniapp底部导航样式可以通过CSS来定义。根据你提供的引用内容，你可以使用以下样式来定义uniapp底部导航：

1. 首先，在`<style scoped>`标签中定义`.TabBar`类，这个类是用来设置整个底部导航的样式。可以使用`position: fixed;`将导航固定在底部，使用`bottom: 0;`来指定导航的位置在页面底部。可以使用`background-color`或者`background`来设置导航的背景颜色或者背景图片。可以使用`width: 100%;`来使导航占满整个宽度。使用`display: flex; justify-content: space-around; align-items: center;`可以将导航项水平居中并平均分布在导航栏上。最后，使用`z-index: 1;`可以确保导航在其他元素之上。

2. 接下来，定义`.tab`类来设置每个导航项的样式。可以使用`display: flex; flex-direction: column; align-items: center;`来设置导航项内部元素垂直居中并垂直排列。

3. 然后，定义`.imgsize`类来设置导航项中的图片的样式。可以使用`width: 42rpx; height: 42rpx;`来设置图片的宽度和高度。

4. 接着，定义`.addimgsize`类来设置导航项中的特殊图片的样式。可以使用`width: 98rpx; height: 98rpx;`来设置特殊图片的宽度和高度。使用`margin-top: -30rpx;`可以将特殊图片向上移动30rpx。

5. 然后，定义`.text`类来设置导航项中的文本的样式。可以使用`margin-top: 10rpx;`来设置文本与图片之间的间距。使用`font-size: 20rpx;`来设置文本的字体大小。使用`font-family`来设置字体的样式。使用`font-weight: 400;`来设置字体的粗细。使用`color`来设置字体的颜色。使用`line-height: 20rpx;`来设置文本的行高。

6. 最后，定义`.active`类来设置激活状态的导航项的样式。可以使用`margin-top: 10rpx;`来设置激活状态下文本与图片之间的间距。使用`font-size: 20rpx;`来设置激活状态下文本的字体大小。使用`font-family`来设置激活状态下字体的样式。使用`font-weight: 400;`来设置激活状态下字体的粗细。使用`color`来设置激活状态下字体的颜色。使用`line-height: 20rpx;`来设置激活状态下文本的行高。

综上所述，以上是uniapp底部导航样式的定义。你可以根据自己的需求进行相应的调整和修改。