在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

clipboard.png

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

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

假設循環(huán)的是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>
2017年2月9日 04:08