怎样根据比例给表格中的某一项添加渐变的背景色?

clipboard.png

上图是循环出来的表格(用的vue),其中有一个字段是概率,如何根据概率的数值来给表格中相应的一行添加背景色呢?比如概率的数值是50%,那我就给表格的一半添加背景色,并且这个背景色是渐变的,请大家给个思路。

阅读 3.4k
2 个回答

假设循环的是tr,利用background-size设定宽度

<tr v-for="item in rows" :style="background: 'linear-gradient(left, #1edf17, #1edf17, #3ceded, #5d83ff)', background-size: item.gailv + ' 100%'">
    <td></td>...
</tr>
推荐问题