feat:修改pdf查看器

ZhangXianQiang

2024-07-03 eebf6591511daa7c92a7b009a0fef5fb2bea501b

 src/views/folder/index.vue

@@ -49,6 +49,10 @@
        </div>
      </div>
    </div>

    <div class="pdf-container">
      <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
    </div>
  </div>
</template>

@@ -57,6 +61,8 @@
import NormalHeader from '@/components/NormalHeader/index.vue';
import { Search } from '@element-plus/icons-vue';
import { getFileList } from '@/api/modules/file.js';

import PDFViewer from '@/components/PDFViewer/index.vue';

const fileType = {
  'img': {
@@ -141,4 +147,14 @@
    margin-right: 20px;
  }
}

.pdf-container {
  width: 800px;
  height: 800px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>