page-pdf-viewer.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>PDF浏览器</title>
  6. <!-- 引入mui样式 -->
  7. <link rel="stylesheet" type="text/css" href="../css/mui.css" />
  8. <!-- 引入app样式 -->
  9. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  10. <!-- 引入补充样式集合 -->
  11. <link rel="stylesheet" type="text/css" href="../css/app.new.css">
  12. <!-- 引入字体 -->
  13. <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
  14. <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
  15. </head>
  16. <body>
  17. <iframe id="pdfViewer"></iframe>
  18. </body>
  19. </html>
  20. <!-- 引入mui脚本 -->
  21. <script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  22. <!-- 引入jQuery脚本 -->
  23. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  24. <!-- 引入通用脚本 -->
  25. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  26. <!-- 进入webview脚本 -->
  27. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  28. <!-- 引入存储脚本 -->
  29. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  30. <!-- 引入ajax脚本 -->
  31. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  32. <!-- 本页独有脚本 -->
  33. <script>
  34. /* mui初始化 */
  35. mui.init();
  36. /* 必须加 否则将导致数据表无法滚动 */
  37. mui('.mui-scroll-wrapper').scroll({
  38. scrollY: true, //是否竖向滚动
  39. scrollX: true, //是否横向滚动
  40. startX: 0, //初始化时滚动至x
  41. startY: 0, //初始化时滚动至y
  42. indicators: false, //是否显示滚动条
  43. deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
  44. bounce: false, //是否启用回弹
  45. });
  46. /* 初始化 */
  47. plusInit(function() {
  48. let self = plus.webview.currentWebview();
  49. $('#pdfViewer').attr('src', '../js/pdfjs/web/viewer.html?file=' + self.pdfUrl);
  50. })
  51. </script>