<div id="grids">
<label v-for="(item,index) in sizeArr" v-bind:class="{clicks:index==isActive,noclicks:index!==isActive}" v-on:click="checkItem(index)">{
{item}}</label>
</div>
#grids{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 7px;
margin-top: 8px;
height: 158px;
}
.noclicks{
position: relative;
height: 48px;
border-radius: 4px;
color: rgb(17, 17, 17);
box-shadow: rgb(229 229 229) 0px 0px 0px 1px;
-webkit-box-flex: 1;
flex-grow: 1;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
outline: none;
cursor: pointer;