Browse Source

update: customize pages info

20230724
dnomd343 1 year ago
parent
commit
d3d05bcedd
  1. 12
      public/index.html
  2. 51
      src/App.vue
  3. 21
      src/component/FileSelector.vue
  4. 3
      src/utils/utils.ts
  5. 2
      src/view/Home.vue

12
public/index.html

@ -5,9 +5,9 @@
<meta content="webkit" name="renderer" /> <meta content="webkit" name="renderer" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="width=device-width,initial-scale=1.0" name="viewport" /> <meta content="width=device-width,initial-scale=1.0" name="viewport" />
<title>音乐解锁</title> <title>Dnomd343 - UnlockMusic</title>
<meta content="音乐,解锁,ncm,qmc,mgg,mflac,qq音乐,网易云音乐,加密" name="keywords" /> <meta content="音乐,解锁,ncm,qmc,mgg,mflac,qq音乐,网易云音乐,加密" name="keywords" />
<meta content="音乐解锁 - 在任何设备上解锁已购的加密音乐!" name="description" /> <meta content="音乐解锁 - 在线解锁加密音乐!" name="description"/>
<style> <style>
#loader { #loader {
position: absolute; position: absolute;
@ -69,19 +69,11 @@
<noscript> <noscript>
<h3 id="loader-js">请启用JavaScript</h3> <h3 id="loader-js">请启用JavaScript</h3>
</noscript> </noscript>
<h3 id="loader-source">请勿直接运行源代码!</h3>
<div id="loader-tips-outdated" hidden> <div id="loader-tips-outdated" hidden>
<h2>您可能在使用不受支持的<span style="color: #f00">过时</span>浏览器,这可能导致此应用无法正常工作。</h2> <h2>您可能在使用不受支持的<span style="color: #f00">过时</span>浏览器,这可能导致此应用无法正常工作。</h2>
<h3>如果您使用双核浏览器,您可以尝试切换到 <span style="color: #f00">“极速模式”</span> 解决此问题。</h3> <h3>如果您使用双核浏览器,您可以尝试切换到 <span style="color: #f00">“极速模式”</span> 解决此问题。</h3>
<h3>或者,您可以尝试更换下方的几个浏览器之一。</h3> <h3>或者,您可以尝试更换下方的几个浏览器之一。</h3>
</div> </div>
<h3 id="loader-tips-timeout" hidden>
音乐解锁采用了一些新特性!建议使用
<a href="https://www.microsoft.com/zh-cn/edge" target="_blank">Microsoft Edge Chromium</a>
<a href="https://www.google.cn/chrome/" target="_blank">Google Chrome</a>
<a href="https://www.firefox.com.cn/" target="_blank">Mozilla Firefox</a>
| <a href="https://git.unlock-music.dev/um/web/wiki/使用提示" target="_blank">使用提示</a>
</h3>
</div> </div>
<div id="app"></div> <div id="app"></div>
<script src="./loader.js"></script> <script src="./loader.js"></script>

51
src/App.vue

@ -3,24 +3,6 @@
<el-main> <el-main>
<Home /> <Home />
</el-main> </el-main>
<el-footer id="app-footer">
<el-row>
<a href="https://git.unlock-music.dev/um/web" target="_blank">音乐解锁</a>({{ version }})
移除已购音乐的加密保护
<a href="https://git.unlock-music.dev/um/web/wiki/使用提示" target="_blank">使用提示</a>
</el-row>
<el-row>
目前支持 网易云音乐(ncm), QQ音乐(qmc, mflac, mgg), 酷狗音乐(kgm), 虾米音乐(xm), 酷我音乐(.kwm)
<a href="https://git.unlock-music.dev/um/web/src/branch/master/README.md" target="_blank">更多</a>
</el-row>
<el-row>
<!--如果进行二次开发此行版权信息不得移除且应明显地标注于页面上-->
<span>Copyright &copy; 2019 - {{ new Date().getFullYear() }} MengYX</span>
音乐解锁使用
<a href="https://git.unlock-music.dev/um/web/src/branch/master/LICENSE" target="_blank">MIT许可协议</a>
开放源代码
</el-row>
</el-footer>
</el-container> </el-container>
</template> </template>
@ -51,39 +33,6 @@ export default {
const mask = document.getElementById('loader-mask'); const mask = document.getElementById('loader-mask');
if (!!mask) mask.remove(); if (!!mask) mask.remove();
let updateInfo; 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: '离线使用',
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://git.unlock-music.dev/um/web/wiki/使用提示">使用提示</a>
</div>`,
dangerouslyUseHTMLString: true,
duration: 10000,
position: 'top-left',
});
}
}, },
}, },
}; };

21
src/component/FileSelector.vue

@ -1,26 +1,7 @@
<template> <template>
<el-upload :auto-upload="false" :on-change="addFile" :show-file-list="false" action="" drag multiple> <el-upload :auto-upload="false" :on-change="addFile" :show-file-list="false" action="" drag multiple>
<i class="el-icon-upload" /> <i class="el-icon-upload" />
<div class="el-upload__text">将文件拖到此处 <em>点击选择</em></div> <div class="el-upload__text">将文件拖到此处</div>
<div slot="tip" class="el-upload__tip">
<div>
仅在浏览器内对文件进行解锁无需消耗流量
<el-tooltip effect="dark" placement="top-start">
<div slot="content">算法在源代码中已经提供所有运算都发生在本地</div>
<i class="el-icon-info" style="font-size: 12px" />
</el-tooltip>
</div>
<div>
工作模式: {{ parallel ? '多线程 Worker' : '单线程 Queue' }}
<el-tooltip effect="dark" placement="top-start">
<div slot="content">
将此工具部署在HTTPS环境下可以启用Web Worker特性<br />
从而更快的利用并行处理完成解锁
</div>
<i class="el-icon-info" style="font-size: 12px" />
</el-tooltip>
</div>
</div>
<transition name="el-fade-in" <transition name="el-fade-in"
><!--todo: add delay to animation--> ><!--todo: add delay to animation-->
<el-progress <el-progress

3
src/utils/utils.ts

@ -9,9 +9,8 @@ export enum FilenamePolicy {
} }
export const FilenamePolicies: { key: FilenamePolicy; text: string }[] = [ export const FilenamePolicies: { key: FilenamePolicy; text: string }[] = [
{ key: FilenamePolicy.ArtistAndTitle, text: '歌手-歌曲名' },
{ key: FilenamePolicy.TitleOnly, text: '歌曲名' }, { key: FilenamePolicy.TitleOnly, text: '歌曲名' },
{ key: FilenamePolicy.TitleAndArtist, text: '歌曲名-歌手' }, { key: FilenamePolicy.ArtistAndTitle, text: '歌手-歌曲名' },
{ key: FilenamePolicy.SameAsOriginal, text: '同源文件名' }, { key: FilenamePolicy.SameAsOriginal, text: '同源文件名' },
]; ];

2
src/view/Home.vue

@ -4,7 +4,7 @@
<div id="app-control"> <div id="app-control">
<el-row class="mb-3"> <el-row class="mb-3">
<span>歌曲命名格式</span> <span>命名格式</span>
<el-radio v-for="k in FilenamePolicies" :key="k.key" v-model="filename_policy" :label="k.key"> <el-radio v-for="k in FilenamePolicies" :key="k.key" v-model="filename_policy" :label="k.key">
{{ k.text }} {{ k.text }}
</el-radio> </el-radio>

Loading…
Cancel
Save