From f6296d50c4c0497a2bd48976c19ab9e741b9229f Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Tue, 18 Oct 2022 16:52:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=92=E8=A1=8C=E6=A6=9C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/ranking.vue | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/views/user/ranking.vue b/src/views/user/ranking.vue
index eb1b0439..a7cd71f1 100644
--- a/src/views/user/ranking.vue
+++ b/src/views/user/ranking.vue
@@ -42,13 +42,13 @@
                 <span>{{current.end}}</span>
             </div>
           </div>
-          <div class="exp-table" style="margin-top:36px">
+          <div class="exp-table" style="margin-top:36px;height:500px;overflow-y:auto">
              <div class="table-hear">
                 <div style="margin-left:5px">排名</div>
                 <div style="margin-left:5px">姓名</div>
                 <div class="bm">经验值</div>
              </div>
-             <div style="height:450px;overflow-y:auto">
+             <div>
             <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id">
                  <div class="tab-rank" >
                     <img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -128,14 +128,14 @@
                  我的学习时长:  <span> {{learningDurationTotalData.rankValue}}</span> h
              </div>
           </div>
-           <div class="exp-table" style="margin-top:20px">
+           <div class="exp-table" style="margin-top:20px;height:600px;overflow-y:auto">
              <div class="table-hear">
                 <div style="margin-left:5px">排名</div>
                 <div style="margin-left:5px">姓名</div>
                 <!-- <div class="bm">学习时长:小时</div> -->
-                <div style="margin-left:40%;">学习时长:小时</div>
+                <div style="margin-left:36%;">学习时长:小时</div>
              </div>
-             <div style="height:500px;overflow-y:auto">
+             <div>
             <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id">
                  <div class="tab-rank">
                     <img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -212,13 +212,13 @@
                  我的学习天数 :  <span>{{learningDaysTotalData.rankValue}}</span>
              </div>
           </div>
-           <div class="exp-table" style="margin-top:20px">
+           <div class="exp-table" style="margin-top:20px;height:600px;overflow-y:auto">
              <div class="table-hear">
                 <div style="margin-left:5px">排名</div>
                 <div style="margin-left:5px">姓名</div>
                 <div class="bm">学习天数</div>
              </div>
-             <div style="height:500px;overflow-y:auto">
+             <div>
             <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id">
                  <div class="tab-rank" >
                     <img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
@@ -535,6 +535,7 @@ export default {
 .exp-table{
       //width: 100%;
       padding-left: 25px;
+      padding-right: 10px;
       .table-hear{
          display: flex;
         div{
@@ -546,7 +547,7 @@ export default {
        }
       .bm{
         //   flex: 1;
-          margin-left: 50%;
+          margin-left: 46%;
         // float: right;
       }
       .jy{
@@ -562,10 +563,11 @@ export default {
  .myselftext{
       height: 75px;
       padding: 0 25px;
-      //width: 100%;
+      width: 100%;
       display: flex;
+      justify-content: space-between;
       .myranking{
-          flex: 1;
+        //   flex: 1;
           line-height: 75px;
           font-size: 14px;
           font-weight: 400;
@@ -577,9 +579,9 @@ export default {
           }
       }
       .myexperience{
-          text-align: right;
+        //   text-align: right;
           line-height: 75px;
-          margin-left: auto;
+        //   margin-left: auto;
           font-size: 14px;
           font-weight: 400;
           color: #666666;
@@ -592,6 +594,7 @@ export default {
   }
 .tab-jy{
     padding-top: 10px;
+    padding-right: 10px;
     div{
         line-height: 28px;
         width: 70px;