feat:首页新增学员周活跃模块

src/modules/home/Home.less

@@ -2,34 +2,34 @@
   // padding: 0 16px 16px;
   min-width: 1100px;
   position: relative;
-  z-index:3;
+  z-index: 3;
   .g2-tooltip-marker {
     border-radius: 50% !important;
   }
   .home-title {
     color: #333;
-    padding-left:28px;
-    font-size:16px;
-    font-weight:bold;
+    padding-left: 28px;
+    font-size: 16px;
+    font-weight: bold;
     position: relative;
-    padding-top:16px;
-    &::before{
-      width:4px;
-      height:12px;
-      content:'';
-      background-image: linear-gradient(#2966FF 83.5%, #0ACCA4 16.5%);
-      display:inline-block;
+    padding-top: 16px;
+    &::before {
+      width: 4px;
+      height: 12px;
+      content: '';
+      background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
+      display: inline-block;
       position: absolute;
-      left:16px;
-      top:22px;
+      left: 16px;
+      top: 22px;
     }
   }
   @font-face {
     font-family: 'number';
     src: url('https://image.xiaomaiketang.com/xm/n2sADd2jY6.TTF');
   }
-  .data-wrap{
-    background: #FFF;
+  .data-wrap {
+    background: #fff;
     .data-box {
       display: flex;
       justify-content: space-between;
@@ -41,7 +41,7 @@
         width: ~'calc(16.67% - 8px)';
         padding: 16px;
         &.course-data {
-          width: ~'calc(50% - 24px)';
+          width: ~'calc(33% - 24px)';
         }
         .header {
           display: flex;
@@ -55,7 +55,7 @@
             font-size: 14px;
             line-height: 18px;
             color: #333;
-            font-weight:500;
+            font-weight: 500;
           }
         }
         .data-number {
@@ -74,7 +74,7 @@
           .iconfont {
             font-size: 12px;
             margin-right: 4px;
-            color: #EC4B35;
+            color: #ec4b35;
           }
           .footer-number {
             font-size: 12px;
@@ -83,7 +83,7 @@
         }
         .course-box {
           border-radius: 4px;
-          background: #FAFAFA;
+          background: #fafafa;
           height: 124px;
           width: 66%;
           position: absolute;
@@ -114,7 +114,7 @@
               .iconfont {
                 font-size: 12px;
                 margin-right: 4px;
-                color: #EC4B35;
+                color: #ec4b35;
               }
               .add-number {
                 font-size: 12px;
@@ -126,9 +126,9 @@
       }
     }
   }
-  .study-wrap{
-    background: #FFF;
-    margin-top:16px;
+  .study-wrap {
+    background: #fff;
+    margin-top: 16px;
     .study-box {
       display: flex;
       justify-content: space-between;
@@ -148,7 +148,7 @@
           margin-bottom: 12px;
           .iconfont {
             font-size: 14px;
-            color: #BFBFBF;
+            color: #bfbfbf;
             margin-left: 4px;
           }
           .tip {
@@ -169,13 +169,13 @@
               color: #666;
               cursor: pointer;
               &.selected {
-                color: #2966FF;
+                color: #2966ff;
                 &::after {
                   position: absolute;
                   width: 24px;
                   height: 2px;
                   content: '';
-                  background: #2966FF;
+                  background: #2966ff;
                   border-radius: 1px;
                   left: 9px;
                   bottom: -4px;
@@ -196,7 +196,7 @@
           display: flex;
           align-items: center;
           &.odd {
-            background: #FAFAFA;
+            background: #fafafa;
           }
           .table-image {
             width: 24px;
@@ -257,7 +257,7 @@
             width: 204px;
             height: 204px;
             border-radius: 102px;
-            background: #F1F3F6;
+            background: #f1f3f6;
             margin-top: -20px;
             .small-circle {
               display: flex;
@@ -280,13 +280,13 @@
           &.unfinished {
             top: 152px;
             .spot {
-              background: #2966FF;
+              background: #2966ff;
             }
           }
           &.finished {
             top: 232px;
             .spot {
-              background: #FFBB54;
+              background: #ffbb54;
             }
           }
           .spot {
@@ -309,7 +309,7 @@
       }
     }
   }
-  
+
   .study-chart {
     width: 100%;
     height: 432px;
@@ -352,14 +352,14 @@
         align-items: center;
         color: #666;
         .student-dot {
-          background: #2966FF;
+          background: #2966ff;
           height: 8px;
           width: 8px;
           border-radius: 50%;
           margin-right: 8px;
         }
         .time-dot {
-          background: #FEB613;
+          background: #feb613;
           height: 8px;
           width: 8px;
           border-radius: 50%;
@@ -382,7 +382,8 @@
     font-size: 14px;
   }
   .g2-tooltip-list {
-    li,span {
+    li,
+    span {
       display: flex;
       align-items: center;
       font-size: 14px;
@@ -397,4 +398,4 @@
     white-space: nowrap;
     max-width: none !important;
   }
-}
\ No newline at end of file
+}