feat: 调整遮罩层层级

app/web/page/activity/component/invalidNotice/index.vue

 <template>
-  <cr-popup v-model="show" round :close-on-click-overlay="false">
-    <div class="content">
-      <img src="https://img.lkbang.net/activityInvalid.18ea3ddc.png" alt="">
-      <p class="title">活动已结束</p>
-      <p class="subtitle">请关注更多精彩活动</p>
-      <cr-button type="primary" shape="circle" @click="toOtherActivity">去看看其他活动</cr-button>
-    </div>
+  <div class="invalidModal">
+    <cr-popup v-model="show" round :close-on-click-overlay="false">
+      <div class="content">
+        <img src="https://img.lkbang.net/activityInvalid.18ea3ddc.png" alt="">
+        <p class="title">活动已结束</p>
+        <p class="subtitle">请关注更多精彩活动</p>
+        <cr-button type="primary" shape="circle" @click="toOtherActivity">去看看其他活动</cr-button>
+      </div>
     <!-- <cr-icon type="close" size="34px" color="#FFF" @click="close" /> -->
-  </cr-popup>
+    </cr-popup>
+  </div>
 </template>
 <script>
 export default {
@@ -34,6 +36,11 @@ export default {
 </script>
 <style lang="less" scoped>
 @deep: ~'>>>';
+.invalidModal{
+  /deep/ .cr-overlay{
+    z-index: 103;
+  }
+}
 .content{
   width: 311px;
   height: 360px;
@@ -62,6 +69,7 @@ export default {
   }
 }
 .cr-popup {
+  z-index: 104;
   background-color: transparent;
   border-radius: 0;
 }