Compare commits

..

No commits in common. "fa78f1790b67beb52aac3cfcc77d58e4c5399b11" and "bf21e6035c8ec7e9f85456578a41cf4469baa85f" have entirely different histories.

4 changed files with 16 additions and 46 deletions

View File

@ -8,12 +8,6 @@
border-radius: 10px; border-radius: 10px;
float: right; float: right;
background-color: #f7f8fa; background-color: #f7f8fa;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.question-allbox{
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
} }
.appendBox{ .appendBox{
width: 1200px; width: 1200px;
@ -22,11 +16,8 @@
} }
.select-box2{ .select-box2{
font-size: 18px; font-size: 18px;
/* margin-left: 50px; margin-left: 50px;
margin-top: 20px; */ margin-top: 20px;
position: absolute;
left: 50px;
top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.select-box2 select{ .select-box2 select{
@ -34,22 +25,13 @@
height: 28px; height: 28px;
margin: 0 10px; margin: 0 10px;
} }
.link-box-question{
height: 500px;
box-shadow:
inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
inset 0 0 0 6px #aee1e3;
margin-top: 80px;
}
.title-link1{ .title-link1{
height: 60px;
font-size: 18px; font-size: 18px;
line-height: 60px; line-height: 60px;
background-color: #aee1e3; background-color: #aee1e3;
} }
.title-link1 th{ .title-link1 th{
padding: 0 29px; padding: 0 65px;
min-width: 92.5px;
} }
.question-box{ .question-box{
text-align: center; text-align: center;
@ -81,10 +63,9 @@
} }
.smaller-box{ .smaller-box{
margin: 0 200px; margin: 0 300px;
height: 500px; height: 400px;
box-shadow: box-shadow:
inset 0 0 0 2px #aee1e3, /* 外边框颜色 */ inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
inset 0 0 0 6px #aee1e3; inset 0 0 0 6px #aee1e3;
margin-top: 80px;
} }

View File

@ -169,7 +169,6 @@ function Questionmange(){
return ( return (
<div className="body-right-question"> <div className="body-right-question">
<div className='question-allbox'>
{!append&&<div> {!append&&<div>
<div className='select-box2'> <div className='select-box2'>
<span>题目类型</span> <span>题目类型</span>
@ -187,16 +186,9 @@ function Questionmange(){
</span> </span>
</div> </div>
{type==='选择题'&&data&&<table> {type==='选择题'&&data&&<table>
<div className='link-box-question'> <div className='link-box'>
<tr className='title-link1'> <tr className='title-link1'>
<th>题目ID</th> <th>题目ID</th><th>题目</th><th>选项A</th><th>选项B</th><th>选项C</th><th>选项D</th><th>正确选项</th>{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
<th>题目</th>
<th>选项A</th>
<th>选项B</th>
<th>选项C</th>
<th>选项D</th>
<th>正确选项</th>
{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
</tr> </tr>
{Object.keys(data).map((key)=>( {Object.keys(data).map((key)=>(
<tr key={key} className='question-box'> <tr key={key} className='question-box'>
@ -243,10 +235,9 @@ function Questionmange(){
</table>} </table>}
{!isTrue&&<button onClick={appendClick} className='question-btn1'>添加题目</button>} {!isTrue&&<button onClick={appendClick} className='question-btn1'>添加题目</button>}
{!isTrue&&<button onClick={del1} className='question-btn2'>删除</button>} {!isTrue&&<button onClick={del1} className='question-btn2'>删除</button>}
{isTrue&&<button onClick={del2} className='question-btn1'>确定</button>} {isTrue&&<button onClick={del2}>确定</button>}
{isTrue&&<button onClick={cancellation1} className='question-btn2'>取消</button>} {isTrue&&<button onClick={cancellation1}>取消</button>}
</div>} </div>}
</div>
{append&&<div className='appendBox'> {append&&<div className='appendBox'>
<span>请选择题目类型</span> <span>请选择题目类型</span>
<select onChange={appendClick1}> <select onChange={appendClick1}>

View File

@ -204,8 +204,8 @@
} }
.Train_1_right{ .Train_1_right{
flex: 40%; flex: 40%;
background-color: rgb(143, 230, 250); /* background-color: rgb(143, 230, 250); */
/* background-color: #befdee; */ background-color: #befdee;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -239,8 +239,8 @@
} }
.Train_2_right{ .Train_2_right{
flex: 40%; flex: 40%;
background-color: rgb(254, 175, 243); /* background-color: rgb(254, 175, 243); */
/* background-color: #fcefcf; */ background-color: #fcefcf;
} }
.Train_1_right span{ .Train_1_right span{
font-size: 20px; font-size: 20px;

View File

@ -50,19 +50,17 @@
.train-list-trainmanage span { .train-list-trainmanage span {
margin-top: -20px;
font-size: 20px; font-size: 20px;
} }
.train-list-trainmanage h6{
margin-top: 30px;
}
.train-list-trainmanage p{ .train-list-trainmanage p{
font-size: 15px; font-size: 15px;
margin-left: 460px;
margin-top: -40px;
flex-shrink: 0; /* span不缩小 */ flex-shrink: 0; /* span不缩小 */
white-space: nowrap; white-space: nowrap;
flex-grow: 1; /* p标签占据剩余空间 */ flex-grow: 1; /* p标签占据剩余空间 */
margin: 0; /* 移除默认外边距 */ margin: 0; /* 移除默认外边距 */
padding-left: 400px; padding-left: 410px;
text-align: right; /* 右对齐文本 */ text-align: right; /* 右对齐文本 */
overflow-wrap: break-word; /* 允许长单词换行 */ overflow-wrap: break-word; /* 允许长单词换行 */
word-break: break-all; /* 允许在任意字符处断行 */ word-break: break-all; /* 允许在任意字符处断行 */