测试

src/views/caseDetail.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="main casemain" :class="{on: step == pageIndex }" :id="'pagemain'+pageIndex" v-show="step == pageIndex" :style="{height:step == pageIndex?'auto':'0px'}" >
     <img src="../assets/bg.png" alt="" class="bg" />
+    {{'当前：'+step}}{{'页码：'+pageIndex}}
     <div class="dealbox" style="position: relative;z-index:1;background:transparent;">
       <div class="prev" @click="switchPage(pageIndex - 1)">上一步</div>
+     
     </div>
     <div class="content">
       <div class="pagebox">
@@ -57,10 +59,11 @@
       ref="cdialog"
       :showCancel="false"
     ></c-dialog>
-  </div>
-  <van-image-preview ref="ImagePreview"  v-model:show="showImg" closeable :images="imgList" @change="onChange">
+    <van-image-preview teleport="body"  :overlay-style="{zIndex:10}" ref="ImagePreview"  v-model:show="showImg" closeable :images="imgList" @change="onChange">
+ 
+     </van-image-preview>
+  </div>
  
- </van-image-preview>
 
 </template>
 <script setup>
@@ -307,17 +310,21 @@ const onChange=(newIndex)=>{
 <style lang='scss' scoped>
 .casemain.on{
   opacity: 1;
+  display: block;
   position: relative;
-  z-index:0;
+  z-index:1;
   height:auto;
+  min-height: 100vh;
 }
 .casemain{
   position: relative;
   z-index:-100;
   height:0px;
+  display: none;
   opacity: 0;
 }
 .main {
+
   padding-bottom: 15px;
   width: 100%;
   position: relative;

src/views/comment.vue

@@ -353,7 +353,7 @@ defineExpose({init,formatAnswer})
 .main {
     width: 100%;
     position: relative;
-    z-index:0;
+    z-index:1;
     overflow: hidden;
 
     .add {