index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <meta http-equiv="Content-Security-Policy"
  7. content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';
  8. media-src * data: blob:;
  9. script-src * 'unsafe-inline' 'unsafe-eval';
  10. style-src * 'unsafe-inline' 'unsafe-hashes';
  11. img-src * data: blob:;
  12. font-src * data:;">
  13. <title>PBL教师端</title>
  14. <link rel="shortcut icon" type="image/x-icon" href="static/logo.ico">
  15. <style>
  16. @charset "utf-8";
  17. /* @font-face {
  18. font-family: 'Source Han Sans SC';
  19. src: url('./static/SourceHanSans-Regular.otf') format('truetype');
  20. font-weight: normal;
  21. font-style: normal;
  22. } */
  23. div::-webkit-scrollbar {
  24. /*滚动条整体样式*/
  25. width: 6px;
  26. /*高宽分别对应横竖滚动条的尺寸*/
  27. height: 6px;
  28. }
  29. /*定义滚动条轨道 内阴影+圆角*/
  30. div::-webkit-scrollbar-track {
  31. border-radius: 10px;
  32. background-color: rgba(0, 0, 0, 0.1);
  33. }
  34. /*定义滑块 内阴影+圆角*/
  35. div::-webkit-scrollbar-thumb {
  36. border-radius: 10px;
  37. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  38. background-color: rgba(0, 0, 0, 0.1);
  39. }
  40. html,
  41. body {
  42. height: 100%;
  43. width: 100%;
  44. background: #e6eaf0;
  45. font-family: '黑体';
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div id="app"></div>
  51. <!-- built files will be auto injected -->
  52. </body>
  53. </html>
  54. <script>
  55. function stopSafari() {
  56. //阻止safari浏览器双击放大功能
  57. let lastTouchEnd = 0 //更新手指弹起的时间
  58. document.documentElement.addEventListener("touchstart", function (event) {
  59. //多根手指同时按下屏幕,禁止默认行为
  60. if (event.touches.length > 1) {
  61. event.preventDefault();
  62. }
  63. });
  64. document.documentElement.addEventListener("touchend", function (event) {
  65. let now = (new Date()).getTime();
  66. if (now - lastTouchEnd <= 300) {
  67. //当两次手指弹起的时间小于300毫秒,认为双击屏幕行为
  68. event.preventDefault();
  69. } else { // 否则重新手指弹起的时间
  70. lastTouchEnd = now;
  71. }
  72. }, false);
  73. //阻止双指放大页面
  74. document.documentElement.addEventListener("gesturestart", function (event) {
  75. event.preventDefault();
  76. });
  77. }
  78. window.onload = () => {
  79. stopSafari();
  80. let topU = ""
  81. try{
  82. if(window.parent.U){
  83. topU = window.parent
  84. }else if(window.parent.parent.U){
  85. topU = window.parent.parent
  86. }else if(window.top.U){
  87. topU = window.top
  88. }
  89. }catch(e){
  90. try {
  91. if(window.parent.parent.U){
  92. topU = window.parent.parent
  93. }else if(window.top.U){
  94. topU = window.top
  95. }
  96. } catch (error) {
  97. if(window.top.U){
  98. topU = window.top
  99. }
  100. }
  101. }
  102. window.topU = topU
  103. // 根据语言设置字体
  104. let lang = 'cn';
  105. if (window.location.href.includes("cocorobo.cn")) {
  106. lang = 'cn';
  107. } else if (window.location.href.includes("cocorobo.hk")) {
  108. lang = 'hk';
  109. } else if (window.location.href.includes("cocorobo.com")) {
  110. lang = 'com';
  111. } else {
  112. lang = 'com';
  113. }
  114. // 如果 lang != 'com',使用黑体,否则使用默认字体栈
  115. if (lang != 'com') {
  116. document.body.style.fontFamily = '黑体';
  117. } else {
  118. document.body.style.fontFamily = 'ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji';
  119. }
  120. }
  121. document.domain = document.domain.split(".").slice(-2).join(".");
  122. </script>