吸低元素兼容ios刘海屏下巴高度

assets/style/awards-list/personal-grade.less

@@ -2,7 +2,7 @@
 .personal-grade-wrap {
   .wrap-container {
     width: 100%;
-    /*min-height: 907px;*/
+    min-height: 907px;
     background: url("../../img/stage3/personal-grade.png") no-repeat;
     background-size: cover;
     position: relative;

assets/style/awards-list/rank.less

 .rank-wrap {
   .rank-list {
-    padding-left: 25px;
     .rank-item {
-      padding: 20px 15px 20px 0;
+      padding: 20px 15px 20px 25px;
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -97,10 +96,12 @@
     position: fixed;
     bottom: 0;
     width: 100%;
+    background: #fff;
+    box-shadow: 0px -1Px 0px 0px #EDEDED;
     .content {
       height: 50px;
       background: #fff;
-      box-shadow: 0px -0.5px 0px 0px #EDEDED;
+
       display: flex;
       align-items: center;
       justify-content: space-between;

assets/style/pica-call-app.less

@@ -3,4 +3,7 @@
 }
 .padBott60 {
   padding-bottom: 60px;
-}
\ No newline at end of file
+}
+.marginBott60 {
+  margin-bottom: 60px;
+}

components/h5header/index.vue

@@ -56,6 +56,12 @@
 				type: Boolean,
         default: false
 			},
+			isGoHistory: { // 是否调用app goBack,'1',history.go(-1)
+				type: String,
+				default() {
+					return ''
+				}
+			},
     },
     data(){
     	return {
@@ -108,7 +114,14 @@
 						component_tag: `301#301002`
 					});
 				}
-    		this.$rocNative.goBack();
+
+    		if(this.isGoHistory == '1') {
+					this.$router.go(-1)
+				} else {
+					this.$rocNative.goBack();
+				}
+
+
     	},
     	goShare(){
 				if(this.isStageTwoHomePage){

pages/awards-list/hospital-grades.vue

@@ -2,7 +2,8 @@
   <section class="hospital-grade-wrap rank-wrap">
     <h5header
       v-if="!isWeb"
-      :title="title"
+      :title="title.hospitalType"
+      isGoHistory="1"
       :isOpacity="false"
       :shareObj="shareObj"/>
     <div class="rank-list" :class="{'padBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
@@ -20,8 +21,13 @@
           <p class="name">勤奋分</p>
         </div>
       </div>
+      <div class="no-more" :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">
+    <div class="footer" v-if="!isWeb" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
       <div class="content">
         <div class="left">
           <p class="score">我的机构勤奋分<span>{{personalData.hospitalDiligence}}</span></p>
@@ -53,7 +59,12 @@
         isWeb: false,
         personalData: {},
         shareObj: wxShare,
-        title: '星火榜榜单'
+        title: {
+          0: '星火榜榜单',
+          1: '萌芽榜榜单',
+          2: '奋进榜榜单',
+          3: '超越榜榜单'
+        }
       }
     },
     async asyncData( { query } ) {
@@ -68,6 +79,7 @@
     mounted() {
       this.$rocNative.appInit();
       this.isWeb = this.$rocNative.isWeb;
+      this.shareObj.shareUrl = location.href; //微信分享链接
       if(!this.isWeb) {
         this.getPersonScore();
       };

pages/awards-list/personal-grade.vue

@@ -3,9 +3,10 @@
     <h5header
       v-if="!isWeb"
       title="云鹊奖2019"
+      isGoHistory="1"
       :isOpacity="false"
       :shareObj="shareObj"/>
-    <div class="wrap-container" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
+    <div class="wrap-container" :class="{'marginBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
       <img src="~/assets/img/stage3/awards-title.png" alt="" class="title">
       <img :src="dealAwardsIcon()" alt="" class="awards-grade">
       <div class="personal-info">
@@ -52,7 +53,7 @@
           <p>{{rightText2}}</p>
         </div>
       </div>
-      <div class="task-details" :class="{'padBott60': isWeb}">
+      <div class="task-details">
         <div class="task-item">
           <img src="~/assets/img/stage3/task-icon1.png" alt="">
           <p class="num">{{myGrades.clockCount}}次</p>

pages/awards-list/personal-rank.vue

@@ -3,6 +3,7 @@
     <h5header
       v-if="!isWeb"
       title="个人勤奋榜单"
+      isGoHistory="1"
       :isOpacity="false"
       :shareObj="shareObj"/>
     <div class="rank-list" :class="{'padBott60': isWeb}" :style="{ marginTop: isWeb?0:`${44+statusBarHeight}Px`}">
@@ -21,13 +22,13 @@
           <p class="name">勤奋分</p>
         </div>
       </div>
-      <div class="no-more">
+      <div class="no-more" :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">
+    <div class="footer" v-if="!isWeb" :style="{height: `${50+homeIndicatorHeight}` + 'Px'}">
       <div class="content">
         <div class="left">
           <p class="score">我的勤奋分<span>{{personalData.diligence}}</span></p>
@@ -72,6 +73,7 @@
     mounted() {
       this.$rocNative.appInit();
       this.isWeb = this.$rocNative.isWeb;
+      this.shareObj.shareUrl = location.href; //微信分享链接
       if(!this.isWeb) {
         this.getPersonScore();
       };