index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  8. <title><%= htmlWebpackPlugin.options.title %></title>
  9. <style>
  10. @charset "utf-8";
  11. * {
  12. margin: 0;
  13. padding: 0;
  14. }
  15. /* @font-face {
  16. font-family: 'Source Han Sans SC';
  17. src: url('./static/SourceHanSans-Regular.otf') format('truetype');
  18. font-weight: normal;
  19. font-style: normal;
  20. } */
  21. div::-webkit-scrollbar {
  22. /*滚动条整体样式*/
  23. width: 6px;
  24. /*高宽分别对应横竖滚动条的尺寸*/
  25. height: 6px;
  26. }
  27. /*定义滚动条轨道 内阴影+圆角*/
  28. div::-webkit-scrollbar-track {
  29. border-radius: 10px;
  30. background-color: rgba(0, 0, 0, 0.1);
  31. }
  32. /*定义滑块 内阴影+圆角*/
  33. div::-webkit-scrollbar-thumb {
  34. border-radius: 10px;
  35. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  36. background-color: rgba(0, 0, 0, 0.1);
  37. }
  38. html,
  39. body {
  40. height: 100%;
  41. width: 100%;
  42. background: #e6eaf0;
  43. font-family: '黑体';
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <noscript>
  49. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  50. </noscript>
  51. <div id="app"></div>
  52. <!-- built files will be auto injected -->
  53. </body>
  54. </html>
  55. <script>
  56. function stopSafari() {
  57. //阻止safari浏览器双击放大功能
  58. let lastTouchEnd = 0 //更新手指弹起的时间
  59. document.documentElement.addEventListener("touchstart", function (event) {
  60. //多根手指同时按下屏幕,禁止默认行为
  61. if (event.touches.length > 1) {
  62. event.preventDefault();
  63. }
  64. });
  65. document.documentElement.addEventListener("touchend", function (event) {
  66. let now = (new Date()).getTime();
  67. if (now - lastTouchEnd <= 300) {
  68. //当两次手指弹起的时间小于300毫秒,认为双击屏幕行为
  69. event.preventDefault();
  70. } else { // 否则重新手指弹起的时间
  71. lastTouchEnd = now;
  72. }
  73. }, false);
  74. //阻止双指放大页面
  75. document.documentElement.addEventListener("gesturestart", function (event) {
  76. event.preventDefault();
  77. });
  78. }
  79. window.onload = () => {
  80. stopSafari();
  81. let topU = ""
  82. try{
  83. if(window.parent.U){
  84. topU = window.parent
  85. }else if(window.parent.parent.U){
  86. topU = window.parent.parent
  87. }else if(window.top.U){
  88. topU = window.top
  89. }
  90. }catch(e){
  91. try {
  92. if(window.parent.parent.U){
  93. topU = window.parent.parent
  94. }else if(window.top.U){
  95. topU = window.top
  96. }
  97. } catch (error) {
  98. if(window.top.U){
  99. topU = window.top
  100. }
  101. }
  102. }
  103. window.topU = topU
  104. }
  105. document.domain = document.domain.split(".").slice(-2).join(".");
  106. </script>