iview progress 根据进度显示不同颜色

最新推荐文章于 2024-01-22 10:15:48 发布

sunny.day

最新推荐文章于 2024-01-22 10:15:48 发布

阅读量4.5k

点赞数

本文链接：https://blog.csdn.net/yang__k/article/details/90795459

版权

该博客详细介绍了如何在JavaScript和CSS中配置iview的progress组件，根据进度值动态改变进度条的颜色，为用户提供更直观的视觉反馈。

摘要由CSDN通过智能技术生成

js:

data:function() {
        return {
          colorful:[],
        }
      },


           { align: 'center',
            key: 'status',
            render: (h, params) => {
              let vm = this;
              let row = params.row;
              if () {
    
                  this.judgeColor(row);
              }
            return ;

             }
          }

                  h('i-progress', {
                    props: {
                      percent: percent_no,
                      // percent: percent_no,
                      'stroke-width': "25",
                      'stroke-color':this.colorful[params.index],
                    },
                  },