2019-07-03 14:50:04 +00:00
|
|
|
|
<template>
|
2021-12-18 13:55:31 +00:00
|
|
|
|
<el-container id="app">
|
|
|
|
|
<el-main>
|
|
|
|
|
<Home />
|
|
|
|
|
</el-main>
|
|
|
|
|
<el-footer id="app-footer">
|
|
|
|
|
<el-row>
|
|
|
|
|
<a href="https://github.com/ix64/unlock-music" target="_blank">音乐解锁</a>({{ version }})
|
|
|
|
|
:移除已购音乐的加密保护。
|
|
|
|
|
<a href="https://github.com/ix64/unlock-music/wiki/使用提示" target="_blank">使用提示</a>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
目前支持 网易云音乐(ncm), QQ音乐(qmc, mflac, mgg), 酷狗音乐(kgm), 虾米音乐(xm), 酷我音乐(.kwm)
|
|
|
|
|
<a href="https://github.com/ix64/unlock-music/blob/master/README.md" target="_blank">更多</a>。
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<!--如果进行二次开发,此行版权信息不得移除且应明显地标注于页面上-->
|
|
|
|
|
<span>Copyright © 2019 - {{ new Date().getFullYear() }} MengYX</span>
|
|
|
|
|
音乐解锁使用
|
|
|
|
|
<a href="https://github.com/ix64/unlock-music/blob/master/LICENSE" target="_blank">MIT许可协议</a>
|
|
|
|
|
开放源代码
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-footer>
|
|
|
|
|
</el-container>
|
2019-07-03 14:50:04 +00:00
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2021-12-18 13:55:31 +00:00
|
|
|
|
import FileSelector from '@/component/FileSelector';
|
|
|
|
|
import PreviewTable from '@/component/PreviewTable';
|
|
|
|
|
import config from '@/../package.json';
|
|
|
|
|
import Home from '@/view/Home';
|
|
|
|
|
import { checkUpdate } from '@/utils/api';
|
2019-07-05 07:05:11 +00:00
|
|
|
|
|
2021-05-24 14:19:37 +00:00
|
|
|
|
export default {
|
2021-12-18 13:55:31 +00:00
|
|
|
|
name: 'app',
|
|
|
|
|
components: {
|
|
|
|
|
FileSelector,
|
|
|
|
|
PreviewTable,
|
|
|
|
|
Home,
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
version: config.version,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.$nextTick(() => this.finishLoad());
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
async finishLoad() {
|
|
|
|
|
const mask = document.getElementById('loader-mask');
|
|
|
|
|
if (!!mask) mask.remove();
|
|
|
|
|
let updateInfo;
|
|
|
|
|
try {
|
|
|
|
|
updateInfo = await checkUpdate(this.version);
|
|
|
|
|
} catch (e) {
|
|
|
|
|
console.warn('check version info failed', e);
|
|
|
|
|
}
|
|
|
|
|
if (
|
|
|
|
|
updateInfo &&
|
|
|
|
|
process.env.NODE_ENV === 'production' &&
|
|
|
|
|
(updateInfo.HttpsFound || (updateInfo.Found && window.location.protocol !== 'https:'))
|
|
|
|
|
) {
|
|
|
|
|
this.$notify.warning({
|
|
|
|
|
title: '发现更新',
|
|
|
|
|
message: `发现新版本 v${updateInfo.Version}<br/>更新详情:${updateInfo.Detail}<br/> <a target="_blank" href="${updateInfo.URL}">获取更新</a>`,
|
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
duration: 15000,
|
|
|
|
|
position: 'top-left',
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$notify.info({
|
|
|
|
|
title: '离线使用',
|
2022-01-22 02:21:17 +00:00
|
|
|
|
message: `<div>
|
|
|
|
|
<p>我们使用 PWA 技术,无网络也能使用</p>
|
|
|
|
|
<div class="update-info">
|
|
|
|
|
<div class="update-title">最近更新</div>
|
|
|
|
|
<div class="update-content"> ${config.updateInfo} </div>
|
|
|
|
|
</div>
|
|
|
|
|
<a target="_blank" href="https://github.com/ix64/unlock-music/wiki/使用提示">使用提示</a>
|
|
|
|
|
</div>`,
|
2021-12-18 13:55:31 +00:00
|
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
|
|
duration: 10000,
|
|
|
|
|
position: 'top-left',
|
|
|
|
|
});
|
|
|
|
|
}
|
2021-05-24 14:19:37 +00:00
|
|
|
|
},
|
2021-12-18 13:55:31 +00:00
|
|
|
|
},
|
|
|
|
|
};
|
2019-07-03 14:50:04 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
2020-11-25 05:49:43 +00:00
|
|
|
|
<style lang="scss">
|
2021-12-18 13:55:31 +00:00
|
|
|
|
@import 'scss/unlock-music';
|
2019-07-03 14:50:04 +00:00
|
|
|
|
</style>
|