修改默认图标为首字

src/component/Content/ContentItem.jsx

@@ -37,7 +37,13 @@ function ContentItem(props) {
     return (
         <div className="content-item">
             <div className="item-icon" onClick={() => jumpUrl(toolBoxUrl)}>
-                <img src={itemIcon} alt='' onError={(e) => setItemIcon('noImg')}/>
+                {
+                    !itemIcon && <div className="defaultIcon">{toolBoxName[0]}</div>
+                }
+                {
+                    itemIcon &&   <img src={itemIcon} alt='' onError={e => setItemIcon(null)}/>
+                }
+
             </div>
             <div className="item-name" onClick={() => jumpUrl(toolBoxUrl)}>{toolBoxName}</div>
             <div className="item-desc">{toolBoxDesc}</div>

src/component/Content/ContentItem.scss

@@ -51,6 +51,15 @@
         position: relative;
         cursor: pointer;
 
+        .defaultIcon{
+            width: 100%;
+            height: 100%;
+            font-size: 30px;
+            font-weight: bold;
+            line-height: 65px;
+            text-align: center;
+        }
+
         img{
             width: 100%;
             height: 100%;