meeting_template_preview.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>会议模板预览</title>
  6. <script>
  7. (function () {
  8. try {
  9. var p = window.location.pathname || "";
  10. var i = p.lastIndexOf("/");
  11. if (i >= 0) {
  12. document.write('<base href="' + p.substring(0, i + 1).replace(/"/g, "") + '">');
  13. }
  14. } catch (e) {}
  15. })();
  16. </script>
  17. <script type="text/javascript" src="./js/tracking-min.js"></script>
  18. <script type="text/javascript" src="./js/face_data/face-min.js"></script>
  19. <script type="text/javascript" src="./js/jquery-2.2.1.min.js"></script>
  20. <!-- VUE3 的 SDK -->
  21. <script type="text/javascript" src="./js/vue.global.prod.js"></script>
  22. <!-- uni 的 SDK -->
  23. <script type="text/javascript" src="./js/uni.webview.1.5.4.js"></script>
  24. <!-- 会议页面封装逻辑 -->
  25. <script type="text/javascript" src="./js/meeting-page.js"></script>
  26. <!-- dayjs -->
  27. <script type="text/javascript" src="./js/dayjs.min.js"></script>
  28. <script>
  29. // 提前占位,防止宿主在页面初始化前调用 receiveData 导致未定义
  30. window.__pendingReceiveData = [];
  31. window.receiveData = function (msg) {
  32. window.__pendingReceiveData.push(msg);
  33. };
  34. </script>
  35. <style>
  36. * {
  37. margin: 0;
  38. padding: 0;
  39. box-sizing: border-box;
  40. -webkit-user-select: none;
  41. -moz-user-select: none;
  42. -ms-user-select: none;
  43. user-select: none;
  44. }
  45. body {
  46. width: 100vw;
  47. height: 100vh;
  48. background: #f5f5f5;
  49. font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  50. /* display: flex;
  51. align-items: center;
  52. justify-content: center; */
  53. }
  54. .openConfig {
  55. position: absolute;
  56. width: 100px;
  57. height: 100px;
  58. z-index: 10000;
  59. }
  60. .mbContainer {
  61. position: relative;
  62. width: 100%;
  63. height: 100%;
  64. background: #ffffff;
  65. overflow: hidden;
  66. box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  67. }
  68. .text-item {
  69. position: absolute;
  70. display: flex;
  71. align-items: center;
  72. justify-content: center;
  73. text-align: center;
  74. word-break: break-all;
  75. }
  76. .image-item {
  77. position: absolute;
  78. overflow: hidden;
  79. display: flex;
  80. align-items: center;
  81. justify-content: center;
  82. }
  83. .image-item img {
  84. width: 100%;
  85. height: 100%;
  86. object-fit: fill;
  87. }
  88. .carousel {
  89. position: absolute;
  90. overflow: hidden;
  91. background: #f6f6f6;
  92. display: flex;
  93. align-items: center;
  94. justify-content: center;
  95. color: #8f959f;
  96. }
  97. .carousel img {
  98. width: 100%;
  99. height: 100%;
  100. object-fit: cover;
  101. }
  102. </style>
  103. </head>
  104. <body>
  105. <div id="openConfig" class="openConfig"></div>
  106. <div id="mbContainer" class="mbContainer"></div>
  107. <script>
  108. // 使用封装好的入口初始化当前页面
  109. initMeetingPage({
  110. containerId: 'mbContainer'
  111. });
  112. </script>
  113. </body>
  114. </html>