鍍金池/ 問(wèn)答/HTML5  HTML/ 怎樣根據(jù)比例給表格中的某一項(xiàng)添加漸變的背景色？

怎樣根據(jù)比例給表格中的某一項(xiàng)添加漸變的背景色？

clipboard.png

上圖是循環(huán)出來(lái)的表格(用的vue)，其中有一個(gè)字段是概率，如何根據(jù)概率的數(shù)值來(lái)給表格中相應(yīng)的一行添加背景色呢？比如概率的數(shù)值是50%，那我就給表格的一半添加背景色，并且這個(gè)背景色是漸變的，請(qǐng)大家給個(gè)思路。

回答
編輯回答
編輯回答
柒喵

假設(shè)循環(huán)的是tr,利用background-size設(shè)定寬度

<tr v-for="item in rows" :style="background: 'linear-gradient(left, #1edf17, #1edf17, #3ceded, #5d83ff)', background-size: item.gailv + ' 100%'">
    <td></td>...
</tr>
2017年2月9日 04:08