| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>会议模板预览</title>
- <script>
- (function () {
- try {
- var p = window.location.pathname || "";
- var i = p.lastIndexOf("/");
- if (i >= 0) {
- document.write('<base href="' + p.substring(0, i + 1).replace(/"/g, "") + '">');
- }
- } catch (e) {}
- })();
- </script>
- <script type="text/javascript" src="./js/tracking-min.js"></script>
- <script type="text/javascript" src="./js/face_data/face-min.js"></script>
- <script type="text/javascript" src="./js/jquery-2.2.1.min.js"></script>
- <!-- VUE3 的 SDK -->
- <script type="text/javascript" src="./js/vue.global.prod.js"></script>
- <!-- uni 的 SDK -->
- <script type="text/javascript" src="./js/uni.webview.1.5.4.js"></script>
- <!-- 会议页面封装逻辑 -->
- <script type="text/javascript" src="./js/meeting-page.js"></script>
- <!-- dayjs -->
- <script type="text/javascript" src="./js/dayjs.min.js"></script>
- <script>
- // 提前占位,防止宿主在页面初始化前调用 receiveData 导致未定义
- window.__pendingReceiveData = [];
- window.receiveData = function (msg) {
- window.__pendingReceiveData.push(msg);
- };
- </script>
- <style>
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- body {
- width: 100vw;
- height: 100vh;
- background: #f5f5f5;
- font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
- /* display: flex;
- align-items: center;
- justify-content: center; */
- }
- .openConfig {
- position: absolute;
- width: 100px;
- height: 100px;
- z-index: 10000;
- }
- .mbContainer {
- position: relative;
- width: 100%;
- height: 100%;
- background: #ffffff;
- overflow: hidden;
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
- }
- .text-item {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- text-align: center;
- word-break: break-all;
- }
- .image-item {
- position: absolute;
- overflow: hidden;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .image-item img {
- width: 100%;
- height: 100%;
- object-fit: fill;
- }
- .carousel {
- position: absolute;
- overflow: hidden;
- background: #f6f6f6;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #8f959f;
- }
- .carousel img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- </style>
- </head>
- <body>
- <div id="openConfig" class="openConfig"></div>
- <div id="mbContainer" class="mbContainer"></div>
- <script>
- // 使用封装好的入口初始化当前页面
- initMeetingPage({
- containerId: 'mbContainer'
- });
- </script>
- </body>
- </html>
|