uniapp Vue Tab的切换变色

 

 

 

<view class="flex-center" v-for="(i,index) in storeHead" :class="current==index?'seted_box':'setting_box'"
				@click="tabClick(index)">
				<image :src="i.img" mode="widthFix" style="width: 80rpx;height: 80rpx;"></image>
				<view class="type">{{i.type}}</view>
				<view class="setting">查看进度 ></view>
			</view>

<script>
	export default {
		data() {
			return {
				current: 0,
				storeHead: [{
						idx: 1,
						type: '待付款',
					},
					{
						idx: 2,
						type: '已付款',
					},
					{
						idx: 3,
						type: '已完成',

					}
				],
				

			};
		},
		methods: {
			tabClick(index) {
				this.current = index;
			}
		}

	}
</script>