no message

src/pages/index/examDetails.vue

@@ -10,8 +10,13 @@
         <view class="jobDetails-content flex" style="flex-direction: column;flex:1;height:1px">
             <view class="jobDetails-content-header">
                 <view class="jobDetails-conten-title flex">
-                    <text>{{CreateTime}}</text>
-                    <view>{{ExamName}}</view>
+                    <view class="conten-title-left flex">
+                        <text>{{CreateTime}}</text>
+                        <view>{{ExamName}}</view>
+                    </view>
+                    <view class="conten-title-right">
+                        <text>仅查看未匹配学员</text>
+                    </view>
                 </view>
                 <view class="jobDetails-num-box flex">
                     <view class="jobDetails-num flex">
@@ -121,20 +126,35 @@
         justify-content: space-between;
         padding: 70rpx 185rpx 35rpx 185rpx;
     }
-    .jobDetails-conten-title view{
+    .conten-title-right text{
+        background: #C91727;
+        border-radius: 27rpx;
+        font-size: 24rpx;
+        font-weight: bold;
+        color: #FFFFFF;
+        padding: 10rpx 19rpx;
+        display: block;
+    }
+    .conten-title-right{
+        flex-shrink: 0;
+    }
+    .conten-title-left view{
         font-size: 50rpx;
         font-weight: 800;
     }
-    .jobDetails-conten-title text{
+    .conten-title-left text{
         font-size: 36rpx;
         font-weight: 400;
         margin-bottom: 10rpx;
     }
+    .conten-title-left{
+        color: #282828;
+        flex-direction: column;
+    }
     .jobDetails-conten-title{
         padding: 50rpx 50rpx 0 50rpx;
-        flex-direction: column;
-        color: #282828;
         letter-spacing: 1rpx;
+        justify-content: space-between;
     }
     .jobDetails-content-header{