修复排行榜底列表部被吸低遮挡问题

pages/awards-list/hospital-grades.vue

@@ -6,26 +6,29 @@
       isGoHistory="1"
       :isOpacity="false"
       :shareObj="shareObj"/>
-    <div class="rank-list" :class="{'padBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
-      <div class="rank-item" v-for="(item, index) in rankList" :key="index">
-        <img v-if="index<=2" :src="rankIcon[index]" alt="" class="rank-icon">
-        <p v-else class="rank-num">{{index+1}}</p>
-        <div class="info">
-          <div class="details">
-            <p class="name">{{item.hospitalName}}</p>
-            <p class="awards">奖励: {{item.bonus}}云鹊豆</p>
+    <div
+      class="rank-list"
+      :class="{'padBott60': isWeb}"
+      :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`,marginBottom: isWeb?0:`${50+homeIndicatorHeight}` + 'Px'}">
+        <div class="rank-item" v-for="(item, index) in rankList" :key="index">
+          <img v-if="index<=2" :src="rankIcon[index]" alt="" class="rank-icon">
+          <p v-else class="rank-num">{{index+1}}</p>
+          <div class="info">
+            <div class="details">
+              <p class="name">{{item.hospitalName}}</p>
+              <p class="awards">奖励: {{item.bonus}}云鹊豆</p>
+            </div>
+          </div>
+          <div class="score">
+            <p class="num">{{item.hospitalDiligence }}</p>
+            <p class="name">勤奋分</p>
           </div>
         </div>
-        <div class="score">
-          <p class="num">{{item.hospitalDiligence }}</p>
-          <p class="name">勤奋分</p>
+        <div class="no-more" v-if="rankList.length>=10" >
+          <span class="line"></span>
+          <span class="text">到底啦</span>
+          <span class="line"></span>
         </div>
-      </div>
-      <div class="no-more" v-if="rankList.length>=10" :style="{marginBottom: `${50+homeIndicatorHeight}` + 'Px'}">
-        <span class="line"></span>
-        <span class="text">到底啦</span>
-        <span class="line"></span>
-      </div>
     </div>
     <div class="footer" v-if="!isWeb&&isLogin" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
       <div class="content">

pages/awards-list/personal-rank.vue

@@ -6,33 +6,37 @@
       isGoHistory="1"
       :isOpacity="false"
       :shareObj="shareObj"/>
-    <div class="rank-list" :class="{'padBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
-      <div class="rank-item" v-for="(item, index) in personList" :key="index">
-        <img v-if="index<=2" :src="rankIcon[index]" alt="" class="rank-icon">
-        <p v-else class="rank-num">{{index+1}}</p>
-        <div class="info">
-          <img :src="item.avatarImageUrl" alt="" class="photo">
-          <div class="details">
-            <p class="name">{{item.name}}</p>
-            <p class="awards">奖励: <span v-if="index==0">iPhone11、</span>{{item.bonus}}云鹊豆</p>
+    <div
+      class="rank-list"
+      :class="{'padBott60': isWeb}"
+      :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`,marginBottom: isWeb?0:`${50+homeIndicatorHeight}` + 'Px'}">
+        <div class="rank-item" v-for="(item, index) in personList" :key="index">
+          <img v-if="index<=2" :src="rankIcon[index]" alt="" class="rank-icon">
+          <p v-else class="rank-num">{{index+1}}</p>
+          <div class="info">
+            <img :src="item.avatarImageUrl" alt="" class="photo">
+            <div class="details">
+              <p class="name">{{item.name}}</p>
+              <p class="awards">奖励: <span v-if="index==0">iPhone11、</span>{{item.bonus}}云鹊豆</p>
+            </div>
+          </div>
+          <div class="score">
+            <p class="num">{{item.diligence}}</p>
+            <p class="name">勤奋分</p>
           </div>
         </div>
-        <div class="score">
-          <p class="num">{{item.diligence}}</p>
-          <p class="name">勤奋分</p>
+        <div class="no-more" v-if="personList.length>=10">
+          <span class="line"></span>
+          <span class="text">到底啦</span>
+          <span class="line"></span>
         </div>
-      </div>
-      <div class="no-more" v-if="personList.length>=10" :style="{marginBottom: isWeb?0:`${50+homeIndicatorHeight}` + 'Px'}">
-        <span class="line"></span>
-        <span class="text">到底啦</span>
-        <span class="line"></span>
-      </div>
     </div>
     <div class="footer" v-if="!isWeb&&isLogin" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
       <div class="content">
         <div class="left">
           <p class="score">我的勤奋分<span>{{personalData.diligence}}</span></p>
-          <p class="rank" v-if="personalData.personRank<=100&&personalData.personRank">恭喜您上榜排名<span>第{{personalData.personRank}}</span></p>
+          <p class="rank" v-if="personalData.personRank<=100&&personalData.personRank">恭喜您上榜排名<span>第{{personalData.personRank}}</span>
+          </p>
           <p class="rank" v-else>很遗憾，您未上榜</p>
         </div>
         <div class="right" @click="share">分享排名</div>
@@ -49,10 +53,11 @@
 </template>
 
 <script>
-  import { getPersonScore, getPersonList, isGameOver } from '@/service/stage3Api';
+  import {getPersonScore, getPersonList, isGameOver} from '@/service/stage3Api';
   import h5header from '@/components/h5header';
   import finishToast from '@/components/finish-toast';
-  import { setCookie, getCookie, delCookie } from '@/utils/cookieFun';
+  import {setCookie, getCookie, delCookie} from '@/utils/cookieFun';
+
   export default {
     name: "personal-rank",
     components: {
@@ -73,9 +78,9 @@
         isLogin: true
       }
     },
-    async asyncData( {query} ) {
+    async asyncData({query}) {
       const res = await isGameOver();
-      const { data } = await getPersonList();
+      const {data} = await getPersonList();
       return {
         isGameOver: res.data,
         personList: data,
@@ -98,32 +103,33 @@
       this.$picaWxShare({
         type: (process.env.NUXT_ENV_APP != 'prod') ? 15 : '',
         authUrl: window.location.href,
-      },(wx)=>{
+      }, (wx) => {
         const title = this.shareObj.title1;
         const desc = this.shareObj.title2;
         const link = window.location.href;
         const imgUrl = this.shareObj.shareImageUrl;
         // 分享给朋友
         wx.onMenuShareAppMessage({
-          title,desc,link,imgUrl
+          title, desc, link, imgUrl
         });
         // 分享到朋友圈
         wx.onMenuShareTimeline({
-          title,desc,link,imgUrl
+          title, desc, link, imgUrl
         });
       });
       //微信分享初始化--end
-      if(!this.isWeb) {
+      if (!this.isWeb) {
         this.getUserInfo();
-      };
-      window.__refresh = function(params) {
+      }
+      ;
+      window.__refresh = function (params) {
         _this.getUserInfo();   // 判断是否登录
       }
     },
     methods: {
       getUserInfo() { // 判断是否登录
         this.$rocNative.getUserInfo().then(res => {
-          if(res.userMobile){
+          if (res.userMobile) {
             setCookie('token', res.userToken)
             this.getPersonScore();
             this.isLogin = true;