From c7df940632b5f238f524da651fbf27a91ff6ad36 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 26 十月 2020 16:54:46 +0800 Subject: [PATCH] 2020-10-26 --- src/menu/components/card/cardcellcomponent/dragaction/card.jsx | 9 +++++---- 1 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx index 35078a7..8f39701 100644 --- a/src/menu/components/card/cardcellcomponent/dragaction/card.jsx +++ b/src/menu/components/card/cardcellcomponent/dragaction/card.jsx @@ -44,11 +44,12 @@ } else if (card.eleType === 'icon') { return (<Icon type={card.icon}/>) } else if (card.eleType === 'slider') { + let val = card.value ? (card.value / card.maxValue) * 100 : 30 return ( <div className="ant-mk-slider"> <div className="ant-mk-slider-rail"></div> - <div className="ant-mk-slider-track" style={{width: '30%', backgroundColor: card.color}}></div> - <div className="ant-mk-slider-handle" style={{left: '30%', borderColor: card.color}}></div> + <div className="ant-mk-slider-track" style={{width: `${val}%`, backgroundColor: card.color}}></div> + <div className="ant-mk-slider-handle" style={{left: `${val}%`, borderColor: card.color}}></div> </div> ) } else if (card.eleType === 'picture') { @@ -91,8 +92,8 @@ return ( <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> - <Icon className="edit" title="edit" type="edit" onClick={() => editCard(id)} /> - <Icon className="close" title="close" type="close" onClick={() => delCard(id)} /> + <Icon className="edit" title="缂栬緫" type="edit" onClick={() => editCard(id)} /> + <Icon className="close" title="鍒犻櫎" type="close" onClick={() => delCard(id)} /> <Icon className="style" title="璋冩暣鏍峰紡" onClick={() => changeStyle(id)} type="font-colors" /> </div> } trigger="hover"> -- Gitblit v1.8.0