<view class="topView">
<view :class="[item.val == currentIndex ? 'selectItem' : 'normalItem']" v-for="(item,index) in typeList"
:key='index' @click="changeType(item.val)">{{item.name}}
</view>
</view> typeList: [{'val':'001','name':'小明'},{'val':'002','name':'小红'},{'val':'003','name':'小黄'},{'val':'004','name':'小白'}],
.topView {
margin: 0 28rpx 43rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
.selectItem,
.normalItem {
width: 163rpx;//设置了这个宽度就不显示文字颜色了
height: 60rpx;
line-height: 60rpx;
border-radius: 6rpx;
border: 2rpx solid #E2E2E2;
color: #999999;
margin-right: 14rpx;
margin-bottom: 20rpx;
text-align: center;
font-size: 26rpx;
&:nth-child(4n) {
margin-right: 0;
}
}
.selectItem {
border: 2rpx solid #EB4C2E;
color: #EB4C2E;
}
}
