manHourHousekeeper/fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/pages/pdfPreview/index.vue

<template>
  <Page title="PDF预览" styleReset="backNone">
    <template v-slot:body>
      <pdf></pdf>
    </template>
  </Page>
</template>

<script setup>
import { ref } from 'vue'
import pdf from './pdf.vue';
</script>

<style scoped>
.pdf-container {
  width: 100%;
  height: 100%;  /* 高度占满视口 */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vue-pdf {
  max-width: 100%;  /* 最大宽度为100% */
  max-height: 100%;  /* 最大高度为100% */
}
</style>