From cd42d41344f0f780e0c0ac0a3625aeb78160f9dd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 19 六月 2020 19:58:52 +0800
Subject: [PATCH] 2020-06-19
---
src/mob/mobshell/card.jsx | 16 ++++++++++------
1 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/src/mob/mobshell/card.jsx b/src/mob/mobshell/card.jsx
index 10c2fff..34e36fc 100644
--- a/src/mob/mobshell/card.jsx
+++ b/src/mob/mobshell/card.jsx
@@ -10,16 +10,15 @@
const Login = asyncComponent(() => import('@/mob/login'))
const Card = ({ id, card, moveCard, findCard, editCard, delCard, hasDrop, doubleClickCard }) => {
- const originalIndex = null
- // const originalIndex = findCard(id).index
+ const originalIndex = findCard(id).index
const [{ isDragging }, drag] = useDrag({
- item: { type: 'action', id, originalIndex },
+ item: { type: 'mob', id, originalIndex },
collect: monitor => ({
isDragging: monitor.isDragging(),
}),
})
const [, drop] = useDrop({
- accept: 'action',
+ accept: 'mob',
canDrop: () => true,
drop: (item) => {
if (!item.hasOwnProperty('originalIndex')) {
@@ -34,10 +33,15 @@
}
},
})
- const opacity = isDragging ? 0.3 : 1
+
+ console.log(card)
+ const style = isDragging ? { opacity: 0.3} : { opacity: 1}
+ if (card.type === 'login') {
+ style.height = '100%'
+ }
return (
- <div ref={node => drag(drop(node))} style={{ opacity: opacity, height: '100%'}}>
+ <div ref={node => drag(drop(node))} style={style}>
<Login />
{/* <div className="page-card">
<Button
--
Gitblit v1.8.0