Lhyz_sc_team
/
smartai_desk_pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 引入 Arco Design 的 CSS CDN -->
    <link rel="stylesheet" href="https://unpkg.com/@arco-design/web-vue@2.43.0/dist/css/arco.css" />
    <!-- 引入 Arco Design 的 JavaScript CDN -->
    <script src="https://unpkg.com/@arco-design/web-vue@2.43.0/dist/arco.min.js"></script>
    <style>
      body {
        background-color: transparent;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

      img {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      #prompt {
        display: none;
        position: absolute;
        left: -80px;
        top: 50%;
        transform: translateY(-50%);
      }
    </style>
  </head>

  <body>
    <!-- 替换为你的图标路径 -->
    <img src="./tray-icon.png" alt="Floating Icon" id="icon" @click="openWindow()" />
    <div id="prompt">
      <!-- 使用 Arco Design 的按钮组件 -->
      问一问
    </div>

    <script>
      const icon = document.getElementById('icon');
      const prompt = document.getElementById('prompt');

      icon.addEventListener('mouseenter', () => {
        prompt.style.display = 'block';
      });

      icon.addEventListener('mouseleave', () => {
        prompt.style.display = 'none';
      });

      function openWindow() {
        // 发送消息到主进程打开窗口
        window.electronAPI.openWindow();
      }
    </script>
  </body>
</html>