electron-vue 仿网易云客户端

只完成了（我喜欢的音乐）页面

可以先看我之前的文章配置electron-vue https://blog.csdn.net/qq_42783610/article/details/85235282

核心重点：自定义导航条

主线程

mainWindow要设置frame:false

渲染线程

-webkit-app-region: drag; 设置导航条拖拽, -webkit-app-region: no-drag;设置导航条右上角的按钮不拖拽

主和渲染线程的通信

主线程:

import { app, BrowserWindow,ipcMain } from 'electron'//添加ipcMain,并监听渲染进程触发。
ipcMain.on('window-min',() => {mainWindow.minimize()  //窗口最小化})ipcMain.on('window-max',() => {if (mainWindow.isMaximized()) {   //已经是最大化,就变为之前状态mainWindow.unmaximize()} else {mainWindow.maximize()  //窗口最大化}})ipcMain.on('window-close',() => {mainWindow.close()  //窗口关闭})

渲染线程:

window(action)
{this.$electron.ipcRenderer.send(`window-${action}`) //告诉主线程我要触发这个事件//this要指向vue
}

github地址:https://github.com/MRXKing/mrxkin_music

后台:https://github.com/MRXKing/mrxkin_music/tree/koa2

electron-vue 仿网易云客户端(待完成)相关推荐

vue模仿网易云客户端
和小伙伴使用vue全家桶写了一个网易云客户端,目前实现了部分功能代码地址: https://github.com/someoneoyl... 技术栈: vue + vue-router + vuex ...
毕业设计：基于Springboot + Vue仿网易云音乐网站（一）开源
项目背景最近自学了springboot.vue.redis等技术,为了巩固,决定自己做个小网站玩玩,把学到的东西都使用一下,因为自己比较喜欢听音乐,去年一年网易云就听了1800个小时,然后也喜欢周杰 ...
SpringBoot+vue仿网易云音乐网站（二）-数据库设计
一.需求分析仿网易云,那么需求的话就照着网易云音乐来做了. 首先可以听歌,可以查看歌手,歌手又有对应的专辑,有用户,用户可以新建歌单,收藏歌单,歌单可以增删歌曲,用户还可以评论歌曲.专辑.歌单,还有 ...
2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
特点拖拽播放桌面歌词 mini模式自定义托盘右键菜单任务栏缩略图,歌曲操作音频可视化自动/手动检查更新 Nedb数据库持久化自定义安装路径,安装界面美化浏览器中启动客户端 Travis ...
Vue仿网易云音乐播放器（一）
项目简介写了很多关于Vue的项目,都是一部分一部分的小模块,这次想把全部学过的关于Vue知识和模块写成一个完整的项目.都是组件化进行mvvm模式开发,实现了view和data的同步更新.仿网易云播放 ...
[Vue仿网易云音乐实战]炎炎夏日——放首自己喜欢的歌
前言基于 Vue + vuex + vue-router + vue-axios +better-scroll + Stylus + px2rem 等开发的移动端音乐App,UI 界面是看着自己手机 ...
Vue仿网易云音乐播放器（二）
项目运行首先要安装npm或者cnpm和node.js环境在终端建立vue-cli项目,命令行cnpm install vue-cli -g //全局安装 vue-cli 查看vue-cli是否成功 ...
SpringBoot+vue仿网易云音乐网站（三）- Springboot项目以及前端vue基础搭建
一.基础项目搭建 1. 新建springboot项目在搭建Springboot项目之前,需要的基础环境:JDK(8).Maven,工具Idea.项目就新建一个简单的springboot项目就行了,具 ...
vue 仿网易云音乐项目
感谢 Binaryify 预览地址 desktop-nicemusic gitee 项目地址项目截图登录首页个人中心歌单页面其它目前正在开发react版本,ui会更改一些然后功能会再加入 ...

electron-vue 仿网易云客户端(待完成)

electron-vue 仿网易云客户端

electron-vue 仿网易云客户端(待完成)相关推荐

最新文章

热门文章