使用electron实现百度网盘悬浮窗口功能的示例代码

原创 Fly丶 教程 js 49阅读 18 天前 举报

相关依赖

里面使用了vuex vue vue-route storeJs

storeJs 用来持久化vuex状态

展示
相关依赖

里面使用了vuex vue vue-route storeJs

storeJs 用来持久化vuex状态

展示

介绍说明

没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题

比如事件无法使用 右键无法使用 以及不能使用手型等!

安装

安装的时候没有截图 所以就参考下我其他的文章吧

storeJs 安装

准备写代码
配置路由文件

写悬浮窗页面

页面路径 /src/renderer/view/components/suspension.vue

主进程创建悬浮窗页面代码

路径: /src/main/window.js

store文件

路径: /src/renderer/store/modules/suspension.js

遗留问题

  • 在软件关闭之后重启会导致悬浮窗口的位置重置 也曾尝试在主进程中使用store.js 但是不能用!
  • 如果想解决这个问题 可以在渲染进程中将拖动的最后坐标保存到storejs中
  • 在渲染进程给主进程发送异步消息的时候将坐标携带进去 也可以使用nedb在主进程中存储坐标!
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复