class && style 用法
<div id="app">
<grid :cols="2" style="margin: 0 -1px -1px;">
<grid-item class="reset-p" :class="{active: i == active}"
v-for="(item,i) in lines" :key="i"
@on-item-click="onLinesClick(item, i)">
<div slot="label">
<span class="radius-bg"
:style="{ backgroundColor:[item.color] }">
<i class="iconfont icon-huopinfenliu"></i>
</span>
<span>{{item.name}}</span>
</div>
</grid-item>
</grid>
</div>
export default{
data () {
return {
active: 0
}
},
methods: {
onLinesClick(item, i) {
this.active = i;
}
}
}