no message

src/components/index/workSituation/examList.vue

@@ -30,9 +30,21 @@
                         </view>
                     </view>
                 </view>
+                <view class="examList-center-hint flex">
+                   <view class="examList-hint-left flex">
+                        <van-icon name="warning" />
+                        <view>
+                            导入失败(学员信息不匹配)可点击查看具体情况
+                        </view>
+                   </view>
+                   <view class="examList-hint-right">
+                       <view>重新导入</view>
+                   </view>
+                </view>
             </view>
-            <!-- <view class="noData">暂无数据</view> -->
+            
         </view>
+        <!-- <view class="noData">暂无数据</view> -->
         <van-popup :show="show" :round="true">
             <view class="examList-popup-box">
                 <van-icon class="examList-popup-closure" name="cross" @click="show=false"/>
@@ -95,6 +107,40 @@
 	};
 </script>
 <style scoped>
+    .examList-hint-right view{
+        padding: 16rpx 30rpx;
+        background: #C91727;
+        border-radius: 50rpx;
+        color: #FFFFFF;
+        font-size: 24rpx;
+        font-weight: bold;
+        letter-spacing: 1rpx;
+    }
+    .examList-hint-right{
+        flex-shrink: 0;
+        margin-left: 50rpx;
+    }
+    .examList-hint-left view{
+        background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653648241000_545.png')no-repeat center;
+        background-size: 100% 100%;
+        padding: 11rpx 0 11rpx 30rpx;
+    }
+    .examList-hint-left van-icon{
+        font-size: 42rpx;
+        margin-right: 10rpx;
+    }
+    .examList-hint-left{
+        font-size: 22rpx;
+        color: #C91727;
+        letter-spacing: 1rpx; 
+        align-items: center;
+    }
+    .examList-center-hint{
+        justify-content: space-between;
+        padding: 10rpx 0;
+        border-top: 1rpx solid #F6F6F6;
+        align-items: center;
+    }
     .img {
         display: inline-block;
         position: relative;
@@ -217,6 +263,7 @@
     }
     .examList-center{
         justify-content: space-between;
+        padding: 0 0 20rpx 0;
     }
     .examList-center-line{
         width: 4rpx;
@@ -233,7 +280,7 @@
         flex-grow: 1;
         position: relative;
         border-radius: 30rpx;
-        padding: 31rpx 40rpx 21rpx 22rpx;
+        padding: 31rpx 40rpx 0 22rpx;
         margin-bottom: 50rpx;
         box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
         border-radius: 30px;