[style set 1] tab

template

<view class="subsection">
			<view v-for="(item,index) in list" :key="index" @click="tabsChange(index)">
				<view :class="{active: index == current}">
					{
    {
    item.name}}
				</view>
			</view>
		</view>

js

list: [{
    
		name: ' Total sum '
		}, {
    
			name: ' gift '
		}, {
    
			name: ' Number of votes ',
		}],
		current:0, // 0  Total sum  1  gift  2  Number of votes 


	// tab bar   Switch 
			function tabsChange(index){
    
				console.log(index)
				state.current = index;
			}

style

.subsection{
    
		height: 96rpx;
		line-height: 96rpx;
		background-color: #fff;
		font-size: 32rpx;
		font-weight: 400;
		color: #777777;
		line-height: 44rpx;
		disflex：flex;
		align-item：center;
		justify-content: space-around;
		.active{
    
			color: #333;
			font-weight: 500;
			border-bottom: 4rpx solid #5377B5;
		}
	}