feat:调整首页的样式

src/modules/home/Home.jsx

@@ -261,6 +261,7 @@ class Home extends React.Component {
     };
     };
     return (
     return (
       <div className="home-page">
       <div className="home-page">
+        <div className="data-wrap">
           <div className="home-title">数据概况</div>
           <div className="home-title">数据概况</div>
           <div className="data-box">
           <div className="data-box">
           <div className="data-item">
           <div className="data-item">
@@ -360,6 +361,8 @@ class Home extends React.Component {
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
+        </div>
+        <div className="study-wrap">
           <div className="home-title">学习概况</div>
           <div className="home-title">学习概况</div>
             <div className="study-box">
             <div className="study-box">
             <div className="study-item">
             <div className="study-item">
@@ -501,6 +504,7 @@ class Home extends React.Component {
             </div>
             </div>
           </div>
           </div>
           </div>
           </div>
+        </div>
         <div className="study-chart">
         <div className="study-chart">
           <div className="study-title">学习人数与时长
           <div className="study-title">学习人数与时长
             <div className="study-select">
             <div className="study-select">

src/modules/home/Home.less

@@ -9,12 +9,28 @@
   .home-title {
   .home-title {
     height: 44px;
     height: 44px;
     line-height: 44px;
     line-height: 44px;
-    color: #999;
+    color: #333;
+    padding-left:28px;
+    font-size:16px;
+    font-weight:bold;
+    position: relative;
+    &::before{
+      width:4px;
+      height:12px;
+      content:'';
+      background-image: linear-gradient(#2966FF 83.5%, #0ACCA4 16.5%);
+      display:inline-block;
+      position: absolute;
+      left:16px;
+      top:16px;
+    }
   }
   }
   @font-face {
   @font-face {
     font-family: 'number';
     font-family: 'number';
     src: url('https://image.xiaomaiketang.com/xm/n2sADd2jY6.TTF');
     src: url('https://image.xiaomaiketang.com/xm/n2sADd2jY6.TTF');
   }
   }
+  .data-wrap{
+    background: #FFF;
     .data-box {
     .data-box {
       display: flex;
       display: flex;
       justify-content: space-between;
       justify-content: space-between;
@@ -108,6 +124,10 @@
         }
         }
       }
       }
     }
     }
+  }
+  .study-wrap{
+    background: #FFF;
+    margin-top:16px;
     .study-box {
     .study-box {
       display: flex;
       display: flex;
       justify-content: space-between;
       justify-content: space-between;
@@ -285,6 +305,8 @@
         }
         }
       }
       }
     }
     }
+  }
+  
   .study-chart {
   .study-chart {
     width: 100%;
     width: 100%;
     height: 432px;
     height: 432px;