vue动态显示宽高及背景

1. item.countNum就是数组下所有的数字，然后去除数组第一个下标的数字，再乘上百分百，就可以显示动态宽度，高度同理

<div
  class="center-line"
  :style="{'width':(item.countNum / list[0].countNum) * 100 + '%', 'background':speedColor(index)}">
</div>

2. 根据index显示不同的背景，可根据自己的十几情况去判断。

speedColor(index) {
	  if (index === 1) return 'linear-gradient(#29db91 0%, #26d599 100%)';
	  if (index === 2) return 'linear-gradient(#23cea5 0%, #21c9ad 100%)';
	  if (index === 3) return 'linear-gradient(#1ec3b7 0%, #1bbdc0 100%)';
	  if (index === 4) return 'linear-gradient(#18b5cc 0%, #16b0d4 100%)';
	  if (index >= 5) return 'linear-gradient(#13aade 0%, #11a6e5 100%)';
},