更新记录

1.0(2025-04-19) 下载此版本

主要用预览 隐私协议,合同类pdf文件 组件使用 pdfh5 进行预览 支持滚动到底部和读秒来确定是否已阅读操作


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.52 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

PDF 预览组件

  • 主要用预览 隐私协议,合同类pdf文件
  • 组件使用 pdfh5 进行预览
  • 支持滚动到底部和读秒来确定是否已阅读操作

使用方式

主要运用在uniapp项目中
1、导入node-modules 目录中 canvas 和 pdfh5 库
2、引用组件 <u-pdf :url="pdfUrl" :show-timer="true" :disabled="disabled"></u-pdf>
<template>
    <view class="content">
        <u-pdf :url="pdfUrl" :show-timer="false" :disabled="disabled"></u-pdf>
    </view>
</template>

<script>
    import uPdfVue from '@/components/u-pdf/u-pdf.vue';
  export default {
    components:{
      uPdfVue
    },
        data() {
            return {
                title: 'Hello',
        disabled:true,
        pdfUrl:"/static/compressed.tracemonkey-pldi-09.pdf"
            }
        },
        onLoad() {
        },

    onReachBottom(scroll) {
      console.log(`onReachBottom 滚动到底部`);
      this.disabled=false
    },
        methods: {

        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问