Electron无边框自定义窗口拖动

解决方案

html 复制代码
    <header class="absolute" style="left:0px;top:0px;width:100%;height:48px;background-color:red;padding:0px;margin:0px;">
      <div class="absolute" style="left:0px;top:0px;width:100%;height:100%;-webkit-app-region:drag">
        <button style="width:200px;height:100px;-webkit-app-region:no-drag;" @click="console.log('abc')">点我</button>
      </div>
    </header>

首先外部可拖拽区域设置:-webkit-app-region:drag;

如果想要里面的按钮可点击,仅需要设置按钮不可拖拽就行:-webkit-app-region:drag;

相关推荐
军军君0117 小时前
Three.js基础功能学习十五:智能黑板实现实例二
开发语言·前端·javascript·vue.js·3d·threejs·三维
IT枫斗者18 小时前
构建具有执行功能的 AI Agent:基于工作记忆的任务规划与元认知监控架构
android·前端·vue.js·spring boot·后端·架构
hotlinhao18 小时前
Nginx rewrite last 与 redirect 的区别——Vue history 模式短链接踩坑记录
前端·vue.js·nginx
ZC跨境爬虫18 小时前
海南大学交友平台开发实战day7(实现核心匹配算法+解决JSON请求报错问题)
前端·python·算法·html·json
下北沢美食家18 小时前
CSS面试题2
前端·css
weixin_4617694018 小时前
npm create vue@latest 错误
前端·vue.js·npm
WindrunnerMax18 小时前
从零实现富文本编辑器#13-React非编辑节点的内容渲染
前端·架构·github
四千岁18 小时前
Ollama+OpenWebUI 最佳组合:本地大模型可视化交互方案
前端·javascript·后端
写不来代码的草莓熊18 小时前
el-date-picker ,自定义输入数字自动转换显示yyyy-mm-dd HH:mm:ss格式
前端·javascript·vue.js
ssshooter18 小时前
Tauri 应用苹果签名踩坑实录
前端·架构·全栈