使用electron制作满屏心特效

2018-11-27
阅读 7 分钟
4.6k
图片被压缩了 看起来很难看 主进程代码 {代码...} 渲染进程代码 界面代码 {代码...} js代码 {代码...} 扩展功能 全屏展示 {代码...} 这样就会让窗口全屏 但是有一个问题 就是这样做界面不会正确响应 我们可以使用进程通信去解决 {代码...} 窗口点击穿透 以上代码会有一个问题 就是一旦运行 就不能关闭了 {代码...}

electron制作聊天界面(仿制qq)

2018-11-25
阅读 15 分钟
10.5k
效果图: 样式使用scss和flex布局 这也是制作IM系统的最后一个界面了!在制作之前参考了qq和千牛 需要注意的点 qq将滚动条美化了 而且在无操作的情况下是不会显示的 滚动条美化 {代码...} 滚动条根据时机显示 其实这个也很简单 用的mouseenter 和 mouseleave事件 {代码...} 这里解释一下为什么有一个paddingRight 因为我们...

ectron仿制qq(3) 主界面制作(2)

2018-10-28
阅读 4 分钟
2.6k
接着上一个的制作! 今天少写点代码吧!首页增加如下代码 给main 增加自适应高度 首页 {代码...} 这里解释下 -顶部header的高度(140) 底部的高度(40) 写法很多 不过达到效果就行了 在窗口拉伸的时候可以自适应高度 模板代码 {代码...} 样式 {代码...} 会话列表界面 模板代码 {代码...} 样式代码 {代码...} 滚动条美化 {代...

electron仿制qq(2) 主界面制作

2018-10-25
阅读 7 分钟
5.2k
制作从头开始 最后会将写好的组件放到一起的!之前写了好几天的纯css 有点累 本章中将使用sass 如果代码太长 会分两个或多个章节写代码中会有详细的注释 以便于大家阅读and理解界面可能会有部分偏差 比较是仿制的

electron仿制百度网盘客户端2(登录界面制作)

2018-10-24
阅读 9 分钟
6.5k
首先将主界面 mainWindow 隐藏掉 只需要在主进程index.js 里面设置show: false就可以了之后制作一个登录界面创建一个login.js 在主进程index.js之中引入login.js 代码

electron 仿制QQ登录界面

2018-10-22
阅读 15 分钟
12.2k
首先来看看qq的登录界面: 准备开发 制作一个窗口先 主进程代码: {代码...} 界面基本布局 我们先大概做一个这样的界面 页面代码: {代码...} 样式代码: {代码...} 窗口拖动 注意 不要使用内置的拖动 我们要自己实现!在页面中加入以下代码就可以实现拖动了! {代码...} 设置背景图 将css里面的 .bg修改成: {代码...} 完成之...

electron实现qq快捷登录!

2018-10-21
阅读 4 分钟
8.6k
之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章!在写之前有两个问题:1: 打开qq授权页面点击页面中的链接会又打开一个页面! .....2: 授权之后是否成功很难去判断

使用electron实现百度网盘悬浮窗口功能!

2018-10-21
阅读 6 分钟
9.7k
没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题比如事件无法使用 右键无法使用 以及不能使用手型等!

NSIS 打包 Electron 生成exe安装包

2018-10-17
阅读 4 分钟
9.1k
每次文章都从0开始从搭建开始 使用的是electron-vue 毕竟方便一点 如果只想安装electron 请参见我的另一个文章[链接] 开发目录: F:lee`开发环境: windows10IDE: phpstorm 安装electron {代码...} 编写一个页面 使用IDE打开随便编写一个页面 使用npm 构建安装包 {代码...} 安装程序制作 下载NSIS软件,安装 下载地址:[链...

electron 自动更新以及手动更新

2018-10-14
阅读 8 分钟
26.1k
从搭建开始 使用的是electron-vue 毕竟方便一点 如果只想安装electron 请参见我的另一个文章 [链接] 首先安装Electron: {代码...} 安装的时候安装了 vue electron vue-router 不安装 vuex 打包选择的是: electron-builder 下次有时间再扯electron-packager 安装完毕之后启动运行 {代码...} 构建页面 更新进度页面 将他写...