no message

src/components/index/scoreDetails/examDetailsComponents.vue

@@ -18,21 +18,28 @@
 				    </view>
 				</view>
                 <view class="examDetailsComponents-center flex">
-                    <view class="examDetailsComponents-right flex">
-                        <view class="homework-score flex">
-                            <view class="homework-score-title">
-                                得分 <text>{{item.TScore}}</text>分
-                            </view>
+                    <view class="homework-score flex">
+                        <view class="homework-score-title">
+                            得分
                         </view>
-						<view class="homework-score flex">
-						    <view class="homework-score-title">
-						        排名 <text>{{item.Rank}}</text>名
-						    </view>
-						</view>
-                        <view class="homework-score flex">
-                            <view class="homework-score-title">
-                                排名率 <text>{{item.RankRate * 100}}</text>%
-                            </view>
+                        <view class="homework-score-num">
+                            <text>{{item.TScore}}</text>分
+                        </view>
+                    </view>
+                    <view class="homework-score flex">
+                        <view class="homework-score-title">
+                            排名
+                        </view>
+                        <view class="homework-score-num">
+                            <text>{{item.Rank}}</text>名
+                        </view>
+                    </view>
+                    <view class="homework-score flex">
+                        <view class="homework-score-title">
+                            排名率 
+                        </view>
+                        <view class="homework-score-num">
+                                <text>{{(item.RankRate * 100).toFixed(0)}}</text>%
                         </view>
                     </view>
                 </view>
@@ -75,32 +82,27 @@
 	};
 </script>
 <style scoped>
-    .homework-score-title text{
+    .homework-score-num{
+        font-size: 20rpx;
+        font-weight: 400;
+        margin-left: 10rpx;
+    }
+    .homework-score-num text{
         font-size: 46rpx;
         font-weight: 800;
         font-style: italic;
-        padding: 0 10rpx 0 17rpx;
+        padding: 0 30rpx 0 17rpx;
     }
     .homework-score-title{
         color: #282828;
         font-size: 20rpx;
         font-weight: 400;
         letter-spacing: 1px;
-    }
-    .homework-score:first-child{
-        margin-right: 16rpx;
+        margin-bottom: 20rpx;
     }
     .homework-score{
         align-items: center;
-        justify-content: space-between;
-    }
-    .examDetailsComponents-right{
-        height: 88rpx;
-        background: #FCEEEF;
-        padding: 0 22rpx;
-        border-radius: 25rpx;
-        justify-content: space-between;
-        flex-shrink: 0;
+        flex-direction: column;
     }
     .operation-state-text{
         font-size: 20rpx;
@@ -141,7 +143,7 @@
         margin-bottom: 17rpx;
     }
     .examDetailsComponents-center{
-        flex-direction: column;
+        justify-content: space-between;
     }
     .examDetailsComponents.mismatchActive .Mismatch-box{
         display: block;
@@ -233,4 +235,9 @@
         justify-content: space-between;
         padding: 0 50rpx;
     }
+    .examDetailsComponents-box{
+        height: 800rpx;
+        overflow-y: auto;
+        box-sizing: border-box;
+    }
 </style>

src/pages/index/examDetails.vue

 <template>
 	<view class="jobDetails-box">
+        <view class="jobDetails-box-bj"></view>
         <navbar class="navbarSticky" bg="#F6F6F6">
 			<view class="jobDetails-header-box">
 				<van-icon class="jobDetails-header-left" name="arrow-left" @click="back"/>
@@ -130,7 +131,7 @@
     }
     .jobDetails-content{
         position: relative;
-        z-index: 2;
+        z-index: 2;  
     }
     .jobDetails-box{
         background: #FCEEEF;