本文共 596 字，大约阅读时间需要 1 分钟。

<template> <div class="article">   <div class="lineStyle" v-for="(item, index) in list" :key="index">     <i :style="{      backgroundImage: 'url('+require('../assets/'+ (item.status?'yiyue':'weiyue') +'.png')+')'}"></i>           <!-- 通过三元表达式判断加载图片的样式 -->     <span>{  {item.num}}</span>     <div class="btn">查看详情</div>   </div> </div></template>

<script>export default {    name: 'container', data () {      return {        list: [       {            num: '您有一条评价已审核通过',         status: true       },       {            num: '您有一条评价被驳回',         status: false       }     ]   } }}</script>

3. 实现样式