uview的tabs滑块和文字颜色不一样，以及使用

效果图

首先引入uview这一步我就略了，然后就是引入tabs组件了

最主要的代码是:bar-style=“barStyle”，这儿是定义的下划线的颜色

配合 active-color=“#000”(这是定义文字的颜色)

<view class="" style="width: 600rpx;">
	<u-tabs :list="tabsList" :is-scroll="false" :current="current" @change="clickTabs" height="76"
		inactive-color="#929292" active-color="#000" :bar-style="barStyle" bar-width="60"></u-tabs>
</view>

遇到的问题

一开始进行渲染的时候，tabs的两个选项是挨在一起的，并没有分开

解决

在u-tabs外部用一个盒子单独包着，然后设置盒子的宽度就行，如上代码所示