From b223552a0c4bc787ad251add025a93d77527ffbe Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 18 十二月 2021 23:36:28 +0800 Subject: [PATCH] 2021-12-18 --- src/menu/components/share/actioncomponent/dragaction/card.jsx | 18 ++++++++++++++---- 1 files changed, 14 insertions(+), 4 deletions(-) diff --git a/src/menu/components/share/actioncomponent/dragaction/card.jsx b/src/menu/components/share/actioncomponent/dragaction/card.jsx index 4a6e8b5..d0baf35 100644 --- a/src/menu/components/share/actioncomponent/dragaction/card.jsx +++ b/src/menu/components/share/actioncomponent/dragaction/card.jsx @@ -4,7 +4,7 @@ import { resetStyle } from '@/utils/utils-custom.js' import './index.scss' -const Card = ({ id, card, moveCard, findCard, editCard, delCard, copyCard, changeStyle, profileCard, doubleClickCard }) => { +const Card = ({ id, card, type, moveCard, findCard, editCard, delCard, copyCard, changeStyle, profileCard, doubleClickCard }) => { const originalIndex = findCard(id).index const [{ isDragging }, drag] = useDrag({ item: { type: 'action', id, originalIndex }, @@ -38,21 +38,30 @@ let btnElement = null let _style = resetStyle(card.style) + let _class = '' + let show = card.show + if (type === 'datacard') { + _style = null + _class = 'swiper swiper-' + card.color + show = 'button' + } - if (card.show === 'icon') { + if (show === 'icon') { btnElement = ( <Button type="link" icon={card.icon} style={_style} + className={_class} onDoubleClick={() => doubleClickCard(id)} >{card.icon ? '' : card.label}</Button> ) - } else if (card.show === 'link') { + } else if (show === 'link') { btnElement = ( <Button type="link" style={_style} + className={_class} onDoubleClick={() => doubleClickCard(id)} >{card.label}{card.icon ? <Icon type={card.icon}/> : null}</Button> ) @@ -61,6 +70,7 @@ <Button icon={card.icon} style={_style} + className={_class} onDoubleClick={() => doubleClickCard(id)} > {card.label} @@ -74,7 +84,7 @@ <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" /> + {type !== 'datacard' ? <Icon className="style" title="璋冩暣鏍峰紡" onClick={() => changeStyle(id)} type="font-colors" /> : ''} {hasProfile ? <Icon className="profile" title="楠岃瘉" type="profile" onClick={() => profileCard(id)} /> : null} </div> } trigger="hover"> -- Gitblit v1.8.0