使用 ElementUI 组件构建无边框 Window 桌面应用（WinForm/WPF）

<template>
  <el-container style="height: 100vh; border: none;">
    <el-header style="-webkit-app-region: drag; background-color: #eaeaea;">
      <h1>WinForm 应用</h1>
    </el-header>
    <el-main style="-webkit-app-region: no-drag; padding: 0;">
      <!-- 主要内容 -->
    </el-main>
    <el-footer style="-webkit-app-region: no-drag; background-color: #eaeaea;">
      <!-- 底部内容，如版权信息 -->
    </el-footer>
  </el-container>
</template>
 
<script>
export default {
  name: 'WinFormApp',
  // 组件逻辑
};
</script>
 
<style>
/* 全局样式 */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}
</style>

这段代码展示了如何使用 ElementUI 的布局组件 el-container、el-header、el-main 和 el-footer 来创建一个没有边框的窗口应用。其中，style="-webkit-app-region: drag;" 是让窗口的头部可以被拖拽移动，而 style="-webkit-app-region: no-drag;" 则防止了内容区域被错误地拖拽。这是一个简单的示例，实际应用中可能需要更复杂的样式和逻辑来满足特定的需求。