Commit d697841d authored by 张媛's avatar 张媛

修复代码格式问题

parent 2be9f418
This diff is collapsed.
.total-container{ .total-container{
margin: 50px; margin: 50px;
} .container-div{
.container-div{ display: flex;
display: flex; flex-direction: row;
flex-direction: row; flex-wrap: wrap;
flex-wrap: wrap; justify-content: flex-start;
justify-content: flex-start; align-items: flex-start;
align-items: flex-start; align-content: flex-start;
align-content: flex-start; .itemCom{
} width: 250px;
.itemCom{ height: 200px;
width: 250px; }
height: 200px; .com-link-span{
} display: block;
span{ width: 200px;
display: block; text-align: center;
width: 200px; color: #ffffff;
text-align: center; &:hover{
color: #ffffff; color: #1E94FC;
&:hover{ cursor: pointer;
color: #1E94FC; }
cursor: pointer; }
}
h2{
color: #ffffff;
} }
} }
h2{
color: #ffffff;
}
\ No newline at end of file
...@@ -24,7 +24,7 @@ export const TotalCom = ()=>{ ...@@ -24,7 +24,7 @@ export const TotalCom = ()=>{
return ( return (
<div key={index} className="itemCom"> <div key={index} className="itemCom">
<img src={el.imgUrl} width = "200" height = "150"/> <img src={el.imgUrl} width = "200" height = "150"/>
<span onClick = {canvasClickFun.bind(this,el.name)} >{el.name}</span> <span className="com-link-span" onClick = {canvasClickFun.bind(this,el.name)} >{el.name}</span>
</div> </div>
) )
}) })
...@@ -37,7 +37,7 @@ export const TotalCom = ()=>{ ...@@ -37,7 +37,7 @@ export const TotalCom = ()=>{
return ( return (
<div key={index} className="itemCom"> <div key={index} className="itemCom">
<img src={el.imgUrl} width = "200" height = "150"/> <img src={el.imgUrl} width = "200" height = "150"/>
<span onClick = {reactClickFun.bind(this,el.name)} >{el.name}</span> <span className="com-link-span" onClick = {reactClickFun.bind(this,el.name)} >{el.name}</span>
</div> </div>
) )
}) })
......
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