uniapp中显示pdf文件

在uniapp中可以使用插件或第三方库来显示PDF文件。以下是两种常见的方式：

1. 使用插件

可以使用uni-extend插件中的pdf插件来显示PDF文件。首先需要安装该插件：

npm install uni-extend-pdf

然后在页面中引入该插件，并使用`pdf-viewer`组件来显示PDF文件：

<template>
  <pdf-viewer :src="pdfUrl"></pdf-viewer>
</template>

<script>
  import pdfViewer from 'uni-extend-pdf/components/pdf-viewer/pdf-viewer.vue'

  export default {
    components: {
      pdfViewer
    },
    data() {
      return {
        pdfUrl: 'http://example.com/example.pdf'
      }
    }
  }
</script>

2. 使用第三方库

可以使用pdf.js这个第三方库来显示PDF文件。可以使用uni-app的`wx.downloadFile`方法下载PDF文件，然后使用pdf.js解析和显示文件。以下是一个示例代码：

<template>
  <canvas id="pdf-canvas"></canvas>
</template>

<script>
  import PDFJS from 'pdfjs-dist'

  export default {
    mounted() {
      const canvas = document.getElementById('pdf-canvas')
      PDFJS.getDocument('http://example.com/example.pdf').then(pdf => {
        pdf.getPage(1).then(page => {
          const viewport = page.getViewport({ scale: 1 })
          const context = canvas.getContext('2d')
          canvas.height = viewport.height
          canvas.width = viewport.width
          page.render({
            canvasContext: context,
            viewport: viewport
          })
        })
      })
    }
  }
</script>

以上两种方式都可以在uniapp中显示PDF文件，具体选择哪种方式取决于个人需求和项目要求。