| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>农机管理 - 爱智农</title>
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
- <link rel="stylesheet" href="https://at.alicdn.com/t/font_3114978_qe0b39no76.css">
- <link rel="stylesheet" href="../assets/css/global.css">
- <style>
- :root {
- --primary: #4CAF50;
- --primary-dark: #388E3C;
- --primary-light: #A5D6A7;
- --primary-bg: #F1F8E9;
- --success: #4CAF50;
- --warning: #FFC107;
- --danger: #F44336;
- --info: #2196F3;
- --disabled: #9E9E9E;
- --border: #E0E0E0;
- --text-primary: #212121;
- --text-secondary: #757575;
- --radius: 8px;
- }
-
- body {
- font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
- background-color: #f5f7f9;
- color: var(--text-primary);
- margin: 0;
- padding: 0;
- height: 100vh;
- width: 100vw;
- overflow: hidden;
- }
-
- /* 内容页面框架 */
- #content-frame {
- width: 100%;
- height: 100%;
- border: none;
- overflow: hidden;
- margin-top: 0;
- padding-top: 0;
- }
-
- /* 移除白色圆形按钮 */
- .circle-btn,
- .floating-button,
- .round-button,
- button[class*='circle'],
- div[class*='circle'],
- [class*='float-btn'],
- body > div:not(#app),
- body > button {
- display: none !important;
- visibility: hidden !important;
- opacity: 0 !important;
- position: absolute !important;
- top: -9999px !important;
- left: -9999px !important;
- z-index: -9999 !important;
- pointer-events: none !important;
- }
- </style>
- </head>
- <body>
- <!-- 使用iframe来完全隔离和控制页面内容 -->
- <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>
-
- <script>
- // 监听iframe加载完成
- document.getElementById('content-frame').onload = function() {
- // 确保iframe高度铺满
- this.style.height = window.innerHeight + 'px';
- };
-
- // 页面大小变化时调整iframe大小
- window.addEventListener('resize', function() {
- document.getElementById('content-frame').style.height = window.innerHeight + 'px';
- });
- </script>
- </body>
- </html>
|