投票系统
实现,统计投票数,根据投票数给选项实现百分比的颜色显示,如下图所示:
实现
使用到了div的background属性,来实现自定义div区域的背景颜色
代码如下:
// e 为动态变量,to right:从左到右,一个颜色结束的百分比,一个颜色开始的百分比,一个颜色结束的百分比,无限往下
style= “background:linear-gradient(to right, #F4F6F6 "+e+", #ffffff "+e+", #ffffff 100%)"
上述的代码只是演示, 实际的应用中要实现对应的百分比颜色,还要使用到vue动态样式绑定(另外一篇文章:http://t.csdn.cn/SbfoB),结合到一起,才能实现上述图片的效果