refactor: organize codes

This commit is contained in:
qier222 2020-11-23 16:04:45 +08:00
parent df799cbf84
commit bc0de620c1
23 changed files with 415 additions and 398 deletions

View file

@ -1,6 +1,6 @@
<template>
<div id="app">
<Navbar ref="navbar"/>
<Navbar ref="navbar" />
<main>
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
@ -25,6 +25,7 @@
import Navbar from "./components/Navbar.vue";
import Player from "./components/Player.vue";
import GlobalEvents from "vue-global-events";
import { ipcRenderer } from "./electron/ipcRenderer";
export default {
name: "App",
@ -40,53 +41,7 @@ export default {
},
created() {
if (this.isElectron) {
const self = this
//
document.body.classList.add("is-electron");
// ipc message channel
const electron = window.require("electron");
const ipcRenderer = electron.ipcRenderer;
// listens to the main process 'changeRouteTo' event and changes the route from
// inside this Vue instance, according to what path the main process requires.
// responds to Menu click() events at the main process and changes the route accordingly.
ipcRenderer.on("changeRouteTo", (event, path) => {
self.$router.push(path);
});
ipcRenderer.on("search", () => {
//
self.$refs.navbar.$refs.searchInput.focus()
self.$refs.navbar.inputFocus = true
})
ipcRenderer.on("play", () => {
self.$refs.player.play();
});
ipcRenderer.on("next", () => {
self.$refs.player.next();
});
ipcRenderer.on("previous", () => {
self.$refs.player.previous();
});
ipcRenderer.on("increaseVolume", () => {
if (self.$refs.player.volume + 0.1 >= 1) {
return (self.$refs.player.volume = 1);
}
self.$refs.player.volume += 0.1;
});
ipcRenderer.on("decreaseVolume", () => {
if (self.$refs.player.volume - 0.1 <= 0) {
return (self.$refs.player.volume = 0);
}
self.$refs.player.volume -= 0.1;
});
ipcRenderer.on("like", () => {
self.$refs.player.likeCurrentSong();
});
ipcRenderer.on("repeat", () => {
self.$refs.player.repeat();
});
ipcRenderer.on("shuffle", () => {
self.$refs.player.shuffle();
});
ipcRenderer(this);
}
},
methods: {