machine-management.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>农机管理 - 爱智农</title>
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
  8. <link rel="stylesheet" href="https://at.alicdn.com/t/font_3114978_qe0b39no76.css">
  9. <link rel="stylesheet" href="../assets/css/global.css">
  10. <style>
  11. :root {
  12. --primary: #4CAF50;
  13. --primary-dark: #388E3C;
  14. --primary-light: #A5D6A7;
  15. --primary-bg: #F1F8E9;
  16. --success: #4CAF50;
  17. --warning: #FFC107;
  18. --danger: #F44336;
  19. --info: #2196F3;
  20. --disabled: #9E9E9E;
  21. --border: #E0E0E0;
  22. --text-primary: #212121;
  23. --text-secondary: #757575;
  24. --radius: 8px;
  25. }
  26. body {
  27. font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  28. background-color: #f5f7f9;
  29. color: var(--text-primary);
  30. margin: 0;
  31. padding: 0;
  32. height: 100vh;
  33. width: 100vw;
  34. overflow: hidden;
  35. }
  36. /* 内容页面框架 */
  37. #content-frame {
  38. width: 100%;
  39. height: 100%;
  40. border: none;
  41. overflow: hidden;
  42. margin-top: 0;
  43. padding-top: 0;
  44. }
  45. /* 移除白色圆形按钮 */
  46. .circle-btn,
  47. .floating-button,
  48. .round-button,
  49. button[class*='circle'],
  50. div[class*='circle'],
  51. [class*='float-btn'],
  52. body > div:not(#app),
  53. body > button {
  54. display: none !important;
  55. visibility: hidden !important;
  56. opacity: 0 !important;
  57. position: absolute !important;
  58. top: -9999px !important;
  59. left: -9999px !important;
  60. z-index: -9999 !important;
  61. pointer-events: none !important;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <!-- 使用iframe来完全隔离和控制页面内容 -->
  67. <iframe id="content-frame" src="machine-management-content.html" sandbox="allow-scripts allow-forms allow-same-origin allow-popups" loading="eager" scrolling="auto" frameborder="0" allowfullscreen></iframe>
  68. <script>
  69. // 监听iframe加载完成
  70. document.getElementById('content-frame').onload = function() {
  71. // 确保iframe高度铺满
  72. this.style.height = window.innerHeight + 'px';
  73. };
  74. // 页面大小变化时调整iframe大小
  75. window.addEventListener('resize', function() {
  76. document.getElementById('content-frame').style.height = window.innerHeight + 'px';
  77. });
  78. </script>
  79. </body>
  80. </html>