首页 > 其他 > 详细

标题前点的制作

时间:2020-07-24 21:43:44      阅读:52      评论:0      收藏:0      [点我收藏+]
    {
        dataIndex: ‘state‘,
        title: formatMessage({ id: ‘approval.status‘, defaultMessage: ‘审批状态‘ }),
        render:state=> {
            const obj = APPROVAL_STATES.find(o => o.value === state) || {};
            const background = state === ‘PASS‘? ‘#52C41A‘:state === ‘SUBMITTED‘ ? ‘#1890FF‘:state === ‘REJECT‘ ? ‘#F5222D‘:‘#FAAD14‘
            const label = obj.label || ‘‘;
            return (
              <div>
                  <div className={styles.reportDot } style={{ background }} />
                  <span>{label}</span>
              </div>
            );
       },
      },

less

.reportDot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  margin-right: 8px;
  display: inline-block;
}

  

标题前点的制作

原文:https://www.cnblogs.com/lipu12281/p/13373181.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!