updated

src/main/resources/static/css/service-settlement/info.css

@@ -245,4 +245,18 @@ body{
         right: 0;
         background: url(/img/activity/pc_close.png) center no-repeat;
     }
+    .van-image-preview__close-icon--top-right {
+        top: 58vw;
+        right: 10vw;
+    }
+    .van-icon-clear::before {
+        content: "";
+        background: url(/img/activity/pc_close.png) center no-repeat;
+        background-size: 100% 100%;
+        width: 7vw;
+        height: 7vw;
+    }
+    .van-image-preview__image {
+        width: 80vw;
+    }
 }

src/main/resources/templates/service-settlement/info.html

@@ -51,7 +51,7 @@
             </div>
         </div>
     </div>
-    <van-overlay :show="show" @click="show = false">
+    <van-overlay :show="show" @click="show = false" v-if="isPC">
         <div class="wrapper">
             <div class="block">
                 <van-image
@@ -63,6 +63,8 @@
             </div>
         </div>
     </van-overlay>
+
+    <van-image-preview v-model="show" :images="[itemObj.qualificationImage]" :closeable="true" v-if="!isPC" />
 </div>
 
 <template th:replace="service-settlement/components/footer-link"></template>