Commit d263da4f authored by chechunchi's avatar chechunchi

fix

parent b5ee2735
Pipeline #19685 passed with stages
in 5 minutes and 7 seconds
...@@ -52,6 +52,7 @@ import { ...@@ -52,6 +52,7 @@ import {
setCheckCardModalV2FinishAbleImpl, setCheckCardModalV2FinishAbleImpl,
resetCheckCardModalV2Impl, resetCheckCardModalV2Impl,
setCheckCardModalV2ResponseAbleImpl, setCheckCardModalV2ResponseAbleImpl,
checkCardModalV2Case,
} from "./modal/mod"; } from "./modal/mod";
import { import {
MonsterState, MonsterState,
...@@ -250,6 +251,7 @@ const duelSlice = createSlice({ ...@@ -250,6 +251,7 @@ const duelSlice = createSlice({
checkCardModalCase(builder); checkCardModalCase(builder);
YesNoModalCase(builder); YesNoModalCase(builder);
optionModalCase(builder); optionModalCase(builder);
checkCardModalV2Case(builder);
}, },
}); });
......
import React from "react"; import React from "react";
import { useAppSelector } from "../../hook"; import { useAppSelector } from "../../hook";
import { store } from "../../store"; import { store } from "../../store";
import { Modal, Button, Card, Col } from "antd"; import { Modal, Button, Card, Row, Col } from "antd";
import { CheckCard } from "@ant-design/pro-components"; import { CheckCard } from "@ant-design/pro-components";
import { import {
selectCheckCardModalV2CancelAble, selectCheckCardModalV2CancelAble,
...@@ -65,49 +65,54 @@ const CheckCardModalV2 = () => { ...@@ -65,49 +65,54 @@ const CheckCardModalV2 = () => {
size="small" size="small"
onChange={(value) => { onChange={(value) => {
if (responseable) { if (responseable) {
dispatch(setCheckCardModalV2IsOpen(false));
// @ts-ignore // @ts-ignore
sendSelectUnselectCardResponse({ selected_ptr: value }); sendSelectUnselectCardResponse({ selected_ptr: value });
dispatch(setCheckCardModalV2ResponseAble(false)); dispatch(setCheckCardModalV2ResponseAble(false));
} }
}} }}
> >
{selectableOptions.map((option, idx) => { <Row>
{selectableOptions.map((option, idx) => {
return (
<Col span={4} key={idx}>
<CheckCard
title={option.name}
description={option.desc}
style={{ width: 120 }}
cover={
<img
alt={option.code.toString()}
src={`https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${option.code}.jpg`}
style={{ width: 100 }}
/>
}
value={option.response}
/>
</Col>
);
})}
</Row>
</CheckCard.Group>
<p>已经选择的卡片</p>
<Row>
{selectedOptions.map((option, idx) => {
return ( return (
<Col span={4} key={idx}> <Col span={4} key={idx}>
<CheckCard <Card
title={option.name} hoverable
description={option.desc}
style={{ width: 120 }} style={{ width: 120 }}
cover={ cover={
<img <img
alt={option.code.toString()} alt={option.code.toString()}
src={`https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${option.code}.jpg`} src={`https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${option.code}.jpg`}
style={{ width: 100 }}
/> />
} }
value={option.response}
/> />
</Col> </Col>
); );
})} })}
</CheckCard.Group> </Row>
<p>已经选择的卡片</p>
{selectedOptions.map((option, idx) => {
return (
<Col span={4} key={idx}>
<Card
hoverable
style={{ width: 120 }}
cover={
<img
alt={option.code.toString()}
src={`https://cdn02.moecube.com:444/images/ygopro-images-zh-CN/${option.code}.jpg`}
/>
}
/>
</Col>
);
})}
</Modal> </Modal>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment