uniapp 点击查看pdf

UniApp可以使用uni-pdf插件来实现在小程序内查看PDF文件。具体步骤如下：

1. 安装uni-pdf插件

在HBuilderX中打开你的uni-app项目，右键点击项目根目录，选择“插件安装”，搜索uni-pdf并安装。

2. 引入uni-pdf组件

在需要查看PDF的页面中，引入uni-pdf组件。

<template>
  <view>
    <uni-pdf :src="pdfUrl"></uni-pdf>
  </view>
</template>

<script>
  import uniPdf from '@/uni_modules/uni-pdf/components/uni-pdf.vue'
  export default {
    components: {
      uniPdf
    },
    data() {
      return {
        pdfUrl: 'http://xxx.com/xxx.pdf'
      }
    }
  }
</script>

其中，`pdfUrl`是你要查看的PDF文件的网络地址。

3. 配置小程序授权

在小程序中，需要在`app.json`文件中配置访问网络资源的白名单，否则无法加载PDF文件。

{
  "mp-weixin": {
    "permission": {
      "scope.userLocation": {
        "desc": "你的位置信息将用于小程序定位"
      },
      "scope.writePhotosAlbum": {
        "desc": "你的相册将保存该PDF文件"
      },
      "scope.webview": {
        "desc": "你的小程序将访问网络资源"
      }
    },
    "networkTimeout": {
      "request": 10000,
      "downloadFile": 10000
    },
    "requiredBackgroundModes": ["audio"]
  }
}

4. 运行项目

在HBuilderX中点击运行按钮，选择小程序平台进行运行，即可在小程序内查看PDF文件。