From f895e8af9e6a393f71fec0dc26fdf1b9b6616cb4 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 11 十二月 2020 18:53:04 +0800 Subject: [PATCH] 2020-12-11 --- src/menu/actioncomponent/dragaction/card.jsx | 17 +++++++++-------- 1 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/menu/actioncomponent/dragaction/card.jsx b/src/menu/actioncomponent/dragaction/card.jsx index e2c1131..88df555 100644 --- a/src/menu/actioncomponent/dragaction/card.jsx +++ b/src/menu/actioncomponent/dragaction/card.jsx @@ -3,7 +3,7 @@ import { Icon, Button, Popover } from 'antd' import './index.scss' -const Card = ({ id, card, moveCard, findCard, editCard, delCard, copyCard, profileCard, doubleClickCard }) => { +const Card = ({ id, card, moveCard, findCard, editCard, delCard, copyCard, changeStyle, profileCard, doubleClickCard }) => { const originalIndex = findCard(id).index const [{ isDragging }, drag] = useDrag({ item: { type: 'action', id, originalIndex }, @@ -41,8 +41,8 @@ btnElement = ( <Button type="link" - className={'mk-icon mk-' + card.class} icon={card.icon} + style={card.btnstyle} onDoubleClick={() => doubleClickCard(id)} >{card.icon ? '' : card.label}</Button> ) @@ -50,15 +50,15 @@ btnElement = ( <Button type="link" - className={'mk-link mk-' + card.class} + style={card.btnstyle} onDoubleClick={() => doubleClickCard(id)} >{card.label}{card.icon ? <Icon type={card.icon}/> : null}</Button> ) } else { btnElement = ( <Button - className={'mk-btn mk-' + card.class} icon={card.icon} + style={card.btnstyle} onDoubleClick={() => doubleClickCard(id)} > {card.label} @@ -69,10 +69,11 @@ 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="copy" title="copy" type="copy" onClick={() => copyCard(id)} /> - <Icon className="close" title="close" type="close" onClick={() => delCard(id)} /> - {hasProfile ? <Icon className="profile" title="setting" type="profile" onClick={() => profileCard(id)} /> : null} + <Icon className="edit" title="缂栬緫" type="edit" onClick={() => editCard(id)} /> + <Icon className="copy" title="澶嶅埗" type="copy" onClick={() => copyCard(id)} /> + <Icon className="close" title="鍒犻櫎" type="close" onClick={() => delCard(id)} /> + <Icon className="style" title="璋冩暣鏍峰紡" onClick={() => changeStyle(id)} type="font-colors" /> + {hasProfile ? <Icon className="profile" title="楠岃瘉" type="profile" onClick={() => profileCard(id)} /> : null} </div> } trigger="hover"> <div className="page-card" style={{ opacity: opacity}}> -- Gitblit v1.8.0