修复代码格式问题

src/docs/totalCom.less

 .total-container{
     margin: 50px;
-}
-.container-div{
+    .container-div{
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: flex-start;
         align-items: flex-start;
         align-content: flex-start;
-}
-.itemCom{
+        .itemCom{
             width: 250px;
             height: 200px;
-}
-span{
+        }
+        .com-link-span{
             display: block;
             width: 200px;
             text-align: center;
@@ -22,7 +20,10 @@ span{
                 color: #1E94FC;
                 cursor: pointer;
             }
-}
-h2{
+        }
+    }
+    
+    h2{
         color: #ffffff;
+    }
 }

src/docs/totalCom.tsx

@@ -24,7 +24,7 @@ export const TotalCom = ()=>{
                         return (
                             <div key={index} className="itemCom">
                                 <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>
                         )
                     })
@@ -37,7 +37,7 @@ export const TotalCom = ()=>{
                         return (
                             <div key={index}  className="itemCom">
                                 <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>
                         )
                     })