fix:优化样式

src/modules/home/Home.jsx

@@ -521,7 +521,11 @@ class Home extends React.Component {
             </div>
             </div>
             <div>人均学习时长(分钟)</div>
             <div>人均学习时长(分钟)</div>
           </div>
           </div>
-					<div id="chart-id"></div>
+          <div id="chart-id"></div>
+          <div className="chart-bottom-tip">
+            <div className="tip-item" style={{ marginRight: 100 }}><span className="student-dot"></span>学习人数</div>
+            <div className="tip-item"><span className="time-dot"></span>人均学习时长</div>
+          </div>
         </div>
         </div>
       </div>
       </div>
     )
     )

src/modules/home/Home.less

@@ -285,10 +285,11 @@
   }
   }
   .study-chart {
   .study-chart {
     width: 100%;
     width: 100%;
-    height: 396px;
+    height: 432px;
     background: #fff;
     background: #fff;
     padding: 16px;
     padding: 16px;
     margin-top: 16px;
     margin-top: 16px;
+    padding-bottom: 32px;
     .study-title {
     .study-title {
       font-size: 16px;
       font-size: 16px;
       color: #333;
       color: #333;
@@ -318,6 +319,29 @@
         }
         }
       }
       }
     }
     }
+    .chart-bottom-tip {
+      display: flex;
+      justify-content: center;
+      .tip-item {
+        display: flex;
+        align-items: center;
+        color: #666;
+        .student-dot {
+          background: #5289FA;
+          height: 8px;
+          width: 8px;
+          border-radius: 50%;
+          margin-right: 8px;
+        }
+        .time-dot {
+          background: #FEB613;
+          height: 8px;
+          width: 8px;
+          border-radius: 50%;
+          margin-right: 8px;
+        }
+      }
+    }
   }
   }
 }
 }