新闻列表前几条标题字体高亮显示

新闻列表标题字体颜色可以通过class属性三目运算控制，比如我们要控制前3条的颜色为绿色，其余的灰色

<p :class="index<3 ? 'topActive' : 'textDark'" v-for="(TZGG_Item,index) in ListsTZGG" :key="index" @click="goDetailPage(TZGG_Item.Id,'0102')">
	<span class="TZGG_Num">{{index+1}}</span>
	<span class="TZGG_Text" :title=TZGG_Item.NewsTitle>{{TZGG_Item.NewsTitle}}</span>
</p>

注：我的css用的是stylus编译器

.topActive .TZGG_Num
      background #619501
.topActive .TZGG_Text
      color #619501
.textDark .TZGG_Num
      background #BABABA
.textDark .TZGG_Text
      color #BABABA

效果图如下