小程序码弹窗添加关闭按钮

src/modules/report/report-analyse.page.vue

@@ -84,6 +84,15 @@ function next() {
       </van-skeleton>
     </div>
     <van-floating-panel v-model:height="panelHeight" v-bind="panelProps">
+      <template #header>
+        <div class="van-floating-panel__header !justify-between">
+          <div></div>
+          <div class="van-floating-panel__header-bar"></div>
+          <div>
+            <van-icon v-if="!data.payLock" name="cross" @click.stop="panelHeight = panelProps.anchors[0];" />
+          </div>
+        </div>
+      </template>
       <Transition>
         <div class="panel-content">
           <img

src/modules/report/report.page.vue

@@ -223,6 +223,15 @@ const scrollable = computed(() => !data.value.payLock &&
       </div>
       <Component :is="ReportPreview" v-bind="reportPreviewProps" v-model:show="reportPreviewProps.show"></Component>
       <van-floating-panel v-model:height="panelHeight" v-bind="panelProps">
+        <template #header>
+          <div class="van-floating-panel__header !justify-between">
+            <div></div>
+            <div class="van-floating-panel__header-bar"></div>
+            <div>
+              <van-icon v-if="!data.payLock" name="cross" @click.stop="panelHeight = panelProps.anchors[0];" />
+            </div>
+          </div>
+        </template>
         <Transition>
           <div class="panel-content">
             <img

src/themes/vant.scss

@@ -55,3 +55,7 @@
   --van-dialog-message-line-height: 24px;
   --van-font-size-md: 16px;
 }
+
+.van-floating-panel__header {
+  padding: 0 calc((var(--van-floating-panel-header-height) - 16px) / 2);
+}