123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title>K3</title>
- <script>
- !function(d,a){var e=d.documentElement,c="orientationchange"in window?"orientationchange":"resize",v=function(){
- var f=e.clientWidth, ratio=1;
- if(f > 750 && f < 1300) {
- f = 1300 * 0.9;
- ratio = 1920 / 750;
- }
- if(f >= 1300) {
- f = 1920;
- ratio = 1920 / 750;
- }
- var p=20*(f/320) / ratio
- f&&(e.style.fontSize=p+"px")
- };d.addEventListener&&(a.addEventListener(c,v,!1),d.addEventListener("DOMContentLoaded",v,!1))}(document,window);
- </script>
- </head>
- <body>
- <noscript>
- <strong>We're sorry but K3 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
- </noscript>
- <div id="app"></div>
- <script>
- window.EOS_PROTOCOL = "<?= $GLOBALS['eosProtocol'] ?>"
- window.EOS_HOST = "<?= $GLOBALS['eosHost'] ?>"
- window.EOS_PORT = "<?= $GLOBALS['eosPort'] ?>"
- </script>
- <script type="text/javascript" src="https://www.mee.chat/sdk.js"></script>
- <script>
- function __getOptions() {
- var options = {
- group_id : 10001
- };
- if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
- // 移动端的情况
- if (window.innerHeight >= window.innerWidth) {
- // 竖屏
- options.bottom = 0;
- options.left = 0;
- options.height = '66%';
- options.width = '100%';
- options.show = false;
- } else {
- // 横屏
- options.bottom = 0;
- options.left = 0;
- options.height = '100%';
- options.width = '60%';
- options.show = false;
- }
- } else {
- // PC 端的情况
- options.bottom = 10;
- options.right = 10;
- options.height = 500;
- options.width = 300;
- options.show = true;
- }
- return options;
- }
- __MeeChat.init(__getOptions());
- // *************************** 【可选】响应式网站可以加入以下代码 ************************
- resize();
- window.addEventListener('orientationchange', resize);
- window.addEventListener('resize', resize);
- function resize() {
- var options = __getOptions();
- delete options.show;
- __MeeChat.resize(options);
- }
- // ***********************************************************************************
- </script>
- <!-- built files will be auto injected -->
- </body>
- </html>
|