新增Logo

This commit is contained in:
hunlongyu
2019-12-23 18:53:36 +08:00
parent f6bef563d2
commit c7b4f77f34
11 changed files with 56 additions and 35 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "zy-player",
"version": "0.5.0",
"version": "0.5.1",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",

BIN
public/app.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

BIN
public/app.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 91 KiB

View File

@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>evt</title>
<title>ZY Player</title>
</head>
<body>
<noscript>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -23,10 +23,10 @@ function createWindow () {
webPreferences: {
webSecurity: false,
nodeIntegration: true
}
},
icon: `${__static}/app.ico`
})
if (process.env.WEBPACK_DEV_SERVER_URL) {
// Load the url of the dev server if in development mode
win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)

View File

@@ -1,13 +1,13 @@
<template>
<Row class="sider-box">
<div class="top">
<Icon :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
<Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
<Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
<Icon :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
<Icon title="搜索" :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
<Icon title="详情" v-show="Object.keys(video).length !== 0" :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
<Icon title="播放" v-show="Object.keys(video).length !== 0" :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
<Icon title="收藏" :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
</div>
<div class="bottom">
<Icon :class="iconActive === 'settings' ? 'active': ''" type="md-settings" @click="iconClickEvent('settings')"/>
<Icon title="设置" :class="iconActive === 'settings' ? 'active': ''" type="md-settings" @click="iconClickEvent('settings')"/>
</div>
</Row>
</template>
@@ -27,9 +27,6 @@ export default {
this.$router.push({ name: e })
this.$store.commit('SET_ICON_ACTIVE', e)
}
},
created () {
console.log(this.video)
}
}
</script>

View File

@@ -1,7 +1,6 @@
import Vue from 'vue'
import Vuex from 'vuex'
import setting from '@/plugin/nedb/setting'
import video from '@/plugin/nedb/video'
Vue.use(Vuex)
@@ -41,11 +40,6 @@ export default new Vuex.Store({
setting.update(payload.id, { theme: payload.color }).then(res => {
commit('SET_THEME', payload)
})
},
saveVideo: ({ commit }, payload) => {
video.add(payload).then(res => {
console.log(res)
})
}
}
})

View File

@@ -78,6 +78,9 @@ export default {
},
created () {
this.init()
},
destroyed () {
this.xg.destroy()
}
}
</script>

View File

@@ -1,12 +1,29 @@
<template>
<Row>
<Button type="primary" @click="changeTheme({ id: getTheme.id, color: 'light' })">light</Button>
<Button type="primary" @click="changeTheme({ id: getTheme.id, color: 'dark' })">Dark</Button>
<Row class="setting">
<div class="item about">
<div class="title">关于:</div>
<ul>
<li>作者: <a href="https://github.com/Hunlongyu">Hunlongyu</a></li>
<li>官网: <a href="https://zy_player.hunlongyu.fun">ZY Player</a></li>
<li>反馈: <a href="https://github.com/Hunlongyu/ZY-Player/issues">Issues</a></li>
</ul>
</div>
<div class="item upgrade">
<div class="title">更新:</div>
<div class="btns">版本: v</div>
<div class="btns"><Button @click="checkUpgrade">检查更新</Button></div>
</div>
<div class="item theme">
<div class="title">主题:</div>
<div class="btns">
<Button @click="changeTheme({ id: getTheme.id, color: 'light' })">light</Button>
<Button @click="changeTheme({ id: getTheme.id, color: 'dark' })">Dark</Button>
</div>
</div>
</Row>
</template>
<script>
import { mapGetters, mapActions } from 'vuex'
import settingDB from '@/plugin/nedb/setting'
export default {
name: 'settings',
computed: {
@@ -18,18 +35,28 @@ export default {
...mapActions([
'changeTheme'
]),
add () {
let data = {
name: '冰雪奇缘',
detail: '1',
category: '动画片',
time: '20191206 12:12:45'
}
settingDB.add(data).then(res => {
console.log(res)
})
}
},
created () {}
checkUpgrade () {}
}
}
</script>
<style lang="scss" scoped>
.setting{
padding: 10px;
.item{
margin-bottom: 10px;
.title{
font-size: 16px;
}
ul{
margin-left: 10px;
list-style: none;
}
.btns{
margin-left: 10px;
button{
margin-right: 10px;
}
}
}
}
</style>