前端展示字段内容带颜色

现在我是想做个前端展示的字段数据带颜色
这是效果图

这是我现在的样子

但是这个是写死的

现在我要写成从字典中找 然后回显 数据我搞定了 就是这个带颜色的就很难

麻烦博主帮我看看这个该怎么写

放到表格的时候给他一个 class 属性，或者给个背景颜色不就行了？

第一张代码截图的那个你把他写成动态的不就行了，根据value去匹配数据字典用一个变量接受

:class="[item.is_timeout=='1'?'G-card-bgLu':'G-card-bgH']"
<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >动态绑定样式</span>

给span加个背景颜色