fix:3/8

src/components/Board/index.tsx

@@ -0,0 +1,49 @@
+import { Col, Input, Row } from 'antd'
+import React from 'react'
+import iPhonexBang from '@/static/common/iPhoneX-top.png'
+
+export interface IProps {
+  
+}
+
+const json = {
+  board: {
+    cardUrl: 'xxx',
+    ans: [],
+    pos: [
+      { color: 'fff', x: 0, y: 0 }
+    ]
+  }
+}
+
+
+
+const Board: React.FC = () => {
+  return (
+    <Row className='board'  >
+      {/* 题卡部分 */}
+      <Col>
+        {/*  */}
+        <Row style={{border: '1px solid #000', width: '377px'}} >
+          <Col span={24} >
+            <img style={{width: "375px", height: "90px"}} src={iPhonexBang} alt="" /> 
+          </Col>
+          <Col span={24}>
+            <Input.TextArea
+              style={{height: '90px'}}
+              placeholder="请输入题卡描述"
+              maxLength={6}
+            />
+          </Col>
+        </Row>
+
+      </Col>
+      {/* 答案部分 */}
+      <Col></Col>
+    </Row>
+  )
+}
+
+
+
+export default Board

src/pages/QuestionBankManage/index.tsx

@@ -19,6 +19,8 @@ import { CloseCircleOutline, QuestionCircleOutlined } from '@ant-design/icons'
 
 import './style/preview.less'
 
+import Board from '@/components/Board';
+
 const bg = "https://app-resources-luojigou.luojigou.vip/FhaDyMVgzWGpaTqZTHlGBWN1oKzp";
 
 const TipText = `鼠标双击删除图片`
@@ -153,7 +155,7 @@ const QuestionCard: React.FC<IQuestionCard> = ({
 
   return (
     <div className={styles.question} >
-      <RightClick  
+      <RightClick 
         render={menuState} 
         deleteImg={(_imgUrl) => deleteImg(_imgUrl)}
         changeRnder={changeRnder}
@@ -995,6 +997,9 @@ const QuestionBankManage: React.FC = () => {
             onClick={(id, e) => onClear(id, e)}
           />
         </Col>
+        <Col>
+          <Board />
+        </Col>
         <Col span={13.5}>
           <AnswerCard
             answerList={answerList}