修改个人勤奋榜单没有头像的问题

assets/style/awards-list/rank.less

@@ -100,14 +100,18 @@
     background: #fff;
     box-shadow: 0px -1Px 0px 0px #EDEDED;
     .content {
-      height: 50px;
+      height: 50Px;
       background: #fff;
-
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      padding: 0 15px;
+      img {
+        width: 35px;
+        height: 35px;
+        border-radius: 50%;
+        margin-right: 10px;
+      }
       .left {
-        margin-left: 15px;
         .score {
           color: #373839;
           font-size: 12px;
@@ -130,15 +134,16 @@
       }
       .right {
         width: 90px;
-        height: 40px;
+        height: 40Px;
+        overflow: hidden;
         background: linear-gradient(270deg,rgba(255,88,36,1) 0%,rgba(254,163,86,1) 100%);
         border-radius: 20px;
         color: #FFFFFF;
         font-size: 15px;
         font-weight: 700;
         text-align: center;
-        line-height: 40px;
-        margin-right: 15px;
+        line-height: 40Px;
+        margin-left: auto;
       }
     }
   }

pages/awards-list/personal-rank.vue

@@ -35,6 +35,7 @@
     </div>
     <div class="footer" v-if="!isWeb&&isLogin&&personalData.diligence" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
       <div class="content">
+        <img :src="personalData.avatarImageUrl" alt="">
         <div class="left">
           <p class="score">我的勤奋分<span>{{personalData.diligence}}</span></p>
           <p class="rank" v-if="personalData.personRank<=100">恭喜您上榜排名<span>第{{personalData.personRank}}</span>