zoukankan      html  css  js  c++  java
  • 背景色根据数值由深到浅

    render: (h,params) => {
                      let color
                      if (Number(params.row.time0)<=5) {
                        color = '#ffffff'
                      } else if (Number(params.row.time0)>5&&Number(params.row.time0)<=20) {
                        color = '#fff1c6'
                      } else if (Number(params.row.time0)>20&&Number(params.row.time0)<=80) {
                        color = '#e4c198'
                      } else if (Number(params.row.time0)>80&&Number(params.row.time0)<=120) {
                        color = '#e47f77'
                      } else if (Number(params.row.time0)>120&&Number(params.row.time0)<=200) {
                        color = '#e45c55'
                      } else if (Number(params.row.time0)>200&&Number(params.row.time0)<=350) {
                        color = '#e4453d'
                      } else if (Number(params.row.time2)>350) {
                        color = '#ff3994'
                      }
                      return h(
                        "div",
                        {
                          attrs: {
                            title: params.row.time0
                          },
                          style: {
                            overflow: "hidden",
                            whiteSpace: "nowrap",
                            textOverflow: "ellipsis",
                            backgroundColor: color
                          }
                        },
                        params.row.time0
                      )
                    }
    

      

  • 相关阅读:
    自定义Python枚举
    解决Django跨域访问的问题
    BBS项目细节总结
    面向对象进阶
    面向对象
    三级菜单
    常用模块
    内置函数与匿名函数及递归
    迭代器和生成器
    函数
  • 原文地址:https://www.cnblogs.com/zhoubingyan/p/9518233.html
Copyright © 2011-2022 走看看