index.html 954 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title></title>
  7. <!--preload-links-->
  8. <!--app-context-->
  9. </head>
  10. <body>
  11. <div id="app">
  12. <!--app-html-->
  13. </div>
  14. <script type="module" src="/main.js"></script>
  15. </body>
  16. <style>
  17. body {
  18. padding-top: env(safe-area-inset-top);
  19. padding-left: env(safe-area-inset-left);
  20. padding-right: env(safe-area-inset-right);
  21. padding-bottom: env(safe-area-inset-bottom);
  22. }
  23. /* 初始化 */
  24. * {
  25. margin: 0;
  26. padding: 0;
  27. }
  28. /* 基本样式 */
  29. html,
  30. body {
  31. width: 100%;
  32. height: 100%;
  33. overflow: hidden;
  34. }
  35. body {
  36. box-sizing: border-box;
  37. position: relative;
  38. }
  39. /* 超出滚动 */
  40. #app {
  41. width: 100%;
  42. height: 100%;
  43. overflow-y: auto;
  44. }
  45. </style>
  46. </html>