小程序预览pdf

1.添加jquery.qrcode.min.js和jquery-3.6.0.min.js
2.在要实现预览pdf功能的页面引入==>import Pdfh5 from ‘pdfh5’
效果

页面代码
	<!-- 富文本弹出框(阅读协议) 激活质保 -->
	<van-dialog
	  use-slot
	  :title="dialog.title"
	  :class="dialog.countdown ? 'zb' : ''"
	  :show="dialog.show"
	  :show-cancel-button="dialog.showCancelButton && !formData[dialog.extField.name]"
	  :confirm-button-text="
	    dialog.confirmText + (dialog.countdown ? '（' + dialog.countdown + 's）' : '')
	  "
	  :cancel-button-text="dialog.cancelText"
	  @confirm="dialogConfirm"
	  @cancel="dialogCancel"
	>
	  <view style="height: 50vh; overflow-y: auto; font-size: 15px; padding: 20rpx">
		<div id="pdfFileShow" style="width: auto; height: auto"></div>
	  </view>
	</van-dialog>

//实例化pdf- js代码
	return {
    
		pdfurl:'',
		pdfh5:null,
		// 弹窗(如阅读协议)
	  dialog: {
    
	    show: false,
	    extField: {
    
	      // frontEndConfig:{
    
	      // confirmText:"同意",
	      // cancelText:"不同意",
	      // time:10, //至少阅读多少秒
	      // must:true, //是否必须同意
	      // title:"",
	      // text:"",
	      // content:""
	      // }
	    }
	  }
	}
	this.pdfh5 = new Pdfh5($("#pdfFileShow"),{
    
		zoomEnable: true, //是否允许pdf手势缩放
		renderType: 'svg', //pdf渲染模式 svg canvas，
		data: res.data
	})
  //监听完成事件
	 this.pdfh5.on("complete",function(status,msg,time){
    
		  console.log("状态：" + status + "，信息：" + 
		  msg + "，耗时：" + time + "毫秒，总页数：" + this.totalNum)
	  });
	//预览同意后调用方法
	dialogConfirm() {
    
	}
	//弹框取消操作
  dialogCancel() {
    
		if (this.dialog.timer) {
    
		  clearInterval(this.dialog.timer);
		}
		this.dialog.show = false;
  }

style样式

.zb /deep/ .van-dialog__footer .van-dialog__button:last-child {
    
  pointer-events: none;
}