1

src/components/pages/dataBoard/teacher/index.vue

@@ -17,7 +17,7 @@
               <div>20.3%</div>
             </div>
           </div>
-          <div class="teafre" style="margin-top: 10px">
+          <div class="teafre" style="margin: 10px 0">
             <div class="teaLeft">
               <div>登录频次</div>
               <div>155784</div>
@@ -27,7 +27,7 @@
               <div>156</div>
             </div>
           </div>
-          <TeaFre style="height:calc(100% - 134px)"></TeaFre>
+          <TeaFre style="height:calc(100% - 150px)"></TeaFre>
         </div>
       </div>
       <div class="bottom">
@@ -46,15 +46,15 @@
         </div>
         <div class="dataBox">
           <div class="teafre">
-            <div class="teaLeft">
+            <div class="teaLeft" style="align-items: flex-end">
               <div>上传课程总数</div>
               <div>12546</div>
             </div>
-            <div class="teaLeft teaRigth">
+            <div class="teaLeft teaRigth" style="align-items: flex-end">
               <div>各年级课程上传平均数</div>
               <div>40</div>
             </div>
-            <div class="teaLeft">
+            <div class="teaLeft" style="align-items: flex-end">
               <div>各学科课程上传平均数</div>
               <div>20</div>
             </div>
@@ -68,7 +68,7 @@
         </div>
         <div class="dataBox">
           <div class="allBox">
-            <div class="allBox_left"><FunPlot style="height:calc(100% - 40px)"></FunPlot></div>
+            <div class="allBox_left"><FunPlot></FunPlot></div>
             <div class="allBox_right">
               <div class="depth">
                 <span>上传课程</span>
@@ -415,7 +415,7 @@ export default {
 .allBox_right {
   display: flex;
   flex-wrap: wrap;
-  height: calc(100% - 40px);
+  height: 100%;
   width: 70%;
   margin: 0 auto;
   overflow: hidden;