SPlayer-Dev · imsyy · May 24, 2023 · May 19, 2023 · May 23, 2023 · May 23, 2023
diff --git a/.hintrc b/.hintrc
@@ -21,6 +21,7 @@
           "meta[name=theme-color]"
         ]
       }
-    ]
+    ],
+    "apple-touch-icons": "off"
   }
 }
diff --git a/README.md b/README.md
@@ -8,8 +8,8 @@
 
 ## 说明
 
-- 本项目采用 [Vue 3](https://cn.vuejs.org/) 全家桶和 [Naïve UI](https://www.naiveui.com/) 组件库及 `SCSS` 开发  
-- 目前主要以 `Web` 端为主，可能暂时不会考虑使用 `Electron` 构建客户端 
+- 本项目采用 [Vue 3](https://cn.vuejs.org/) 全家桶和 [Naïve UI](https://www.naiveui.com/) 组件库及 `SCSS` 开发
+- 目前主要以 `Web` 端为主，可能暂时不会考虑使用 `Electron` 构建客户端
 - 仅对移动端做了基础适配，**不保证功能全部可用**
 - 欢迎各位大佬指点和 `Star` 哦 😍
 
@@ -42,13 +42,13 @@
 - 支持评论区及评论点赞
 - 明暗模式自动 / 手动切换
 - 移动端基础适配
+- `i18n` 支持
 
 #### 待办
 
 - [ ] 电台节目支持
 - [ ] 歌词页面进一步完善
 - [ ] 发表评论
-- [ ] `i18n` 支持
 - [ ] 重构（写成屎山了） 🤣
 
 ## 😍 Screenshots
@@ -57,30 +57,35 @@
 <summary>主页面</summary>
 
 ![主页面](/screenshots/SPlayer%20-%20%E4%B8%BB%E9%A1%B5%E9%9D%A2.png)
+
 </details>
 
 <details>
 <summary>播放页面</summary>
 
 ![播放页面](/screenshots/SPlayer%20-%20%E6%92%AD%E6%94%BE%E9%A1%B5%E9%9D%A2.png)
+
 </details>
 
 <details>
 <summary>发现页面</summary>
 
 ![发现页面](/screenshots/SPlayer%20-%20%E5%8F%91%E7%8E%B0%E9%A1%B5%E9%9D%A2.png)
+
 </details>
 
 <details>
 <summary>歌单页面</summary>
 
 ![歌单页面](/screenshots/SPlayer%20-%20%E6%AD%8C%E5%8D%95%E9%A1%B5%E9%9D%A2.png)
+
 </details>
 
 <details>
 <summary>评论页面</summary>
 
 ![评论页面](/screenshots/SPlayer%20-%20%E8%AF%84%E8%AE%BA%E9%A1%B5%E9%9D%A2.png)
+
 </details>
 
 ## ⚙️ 部署
@@ -94,7 +99,7 @@
 - 请在根目录下的 `.env` 文件中的 `VITE_MUSIC_API` 中填入 API 地址（必需）
 
 ```js
-VITE_MUSIC_API = "your api url"
+VITE_MUSIC_API = "your api url";
 ```
 
 ### 网易云解灰 API（可选）
@@ -144,6 +149,7 @@ npm build
 - [Vue-mmPlayer](https://github.com/maomao1996/Vue-mmPlayer)
 
 ## 📜 开源许可
+
 - **本项目仅供个人学习研究使用，禁止用于商业及非法用途**
 - 本项目基于 [MIT license](https://opensource.org/license/mit/) 许可进行开源
 
@@ -153,4 +159,4 @@ npm build
 
 同时，本项目开发者承诺 **严格遵守相关法律法规和网易云音乐 API 使用协议，不会利用本项目进行任何违法活动。** 如因使用本项目而引起的任何纠纷或责任，均由使用者自行承担。**本项目开发者不承担任何因使用本项目而导致的任何直接或间接责任，并保留追究使用者违法行为的权利**
 
-请使用者在使用本项目时遵守相关法律法规，**不要将本项目用于任何商业及非法用途。如有违反，一切后果由使用者自负。** 同时，使用者应该自行承担因使用本项目而带来的风险和责任。本项目开发者不对本项目所提供的服务和内容做出任何保证
+请使用者在使用本项目时遵守相关法律法规，**不要将本项目用于任何商业及非法用途。如有违反，一切后果由使用者自负。** 同时，使用者应该自行承担因使用本项目而带来的风险和责任。本项目开发者不对本项目所提供的服务和内容做出任何保证
diff --git a/index.html b/index.html
@@ -1,41 +1,79 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="<%- logo %>" />
+    <link rel="apple-touch-icon" href="<%- logo %>" />
+    <link rel="bookmark" href="<%- logo %>" />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="200x200"
+      href="<%- logo %>"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> -->
+    <title><%- title %></title>
+    <meta name="apple-mobile-web-app-title" content="<%- title %>" />
+    <meta name="author" content="<%- author %>" />
+    <meta name="keywords" content="<%- keywords %>" />
+    <meta name="description" content="<%- description %>" />
+    <meta name="theme-color" content="#ffffff" />
+    <!-- HarmonyOS Sans -->
+    <link
+      rel="stylesheet"
+      href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css"
+    />
+    <!-- IE Out -->
+    <script>
+      if (
+        /*@cc_on!@*/ false ||
+        (!!window.MSInputMethodContext && !!document.documentMode)
+      )
+        window.location.href =
+          "https://support.dmeng.net/upgrade-your-browser.html?referrer=" +
+          encodeURIComponent(window.location.href);
+    </script>
+    <% if (tongji) { %>
+    <!-- 百度统计 -->
+    <script>
+      var _hmt = _hmt || [];
+      (function () {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?<%- tongji %>";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script>
+    <% } %>
+    <style>
+      noscript {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: calc(100vh - 16px);
+        font-family: "HarmonyOS_Regular", sans-serif;
+      }
+      noscript .title {
+        font-size: 30px;
+        font-weight: bold;
+        margin-top: 50px;
+      }
+      noscript .tip {
+        opacity: 0.6;
+        margin: 0;
+      }
+    </style>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="<%- logo %>">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> -->
-  <title><%- title %></title>
-  <meta name="author" content="<%- author %>" />
-  <meta name="keywords" content="<%- keywords %>" />
-  <meta name="description" content="<%- description %>" />
-  <meta name="theme-color" content="#ffffff">
-  <!-- HarmonyOS Sans -->
-  <link rel="stylesheet" href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" />
-  <!-- IE Out -->
-  <script>
-    if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode))
-      window.location.href =
-      "https://support.dmeng.net/upgrade-your-browser.html?referrer=" + encodeURIComponent(window.location.href)
-  </script>
-  <% if (tongji) { %>
-  <!-- 百度统计 -->
-  <script>
-    var _hmt = _hmt || [];
-    (function () {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?<%- tongji %>";
-      var s = document.getElementsByTagName("script")[0];
-      s.parentNode.insertBefore(hm, s);
-    })();
-  </script>
-  <% } %>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-
-</html>
+  <body>
+    <div id="app"></div>
+    <noscript>
+      <img src="<%- logo %>" alt="logo" />
+      <p class="title"><%- title %></p>
+      <p class="tip">请开启 JavaScript</p>
+    </noscript>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -25,18 +25,19 @@
     "throttle-debounce": "^5.0.0",
     "vite-plugin-html": "^3.2.0",
     "vue": "^3.2.45",
+    "vue-i18n": "^9.2.2",
     "vue-router": "^4.1.6",
     "vue-slider-component": "4.1.0-beta.7"
   },
   "devDependencies": {
     "@jridgewell/sourcemap-codec": "^1.4.14",
     "@rollup/plugin-terser": "^0.4.0",
     "@vicons/material": "^0.12.0",
-    "@vitejs/plugin-vue": "^3.2.0",
-    "naive-ui": "^2.34.2",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "naive-ui": "^2.34.4",
     "unplugin-auto-import": "^0.12.0",
     "unplugin-vue-components": "^0.22.11",
-    "vite": "^3.2.4",
-    "vite-plugin-pwa": "^0.14.1"
+    "vite": "^4.3.8",
+    "vite-plugin-pwa": "^0.15.0"
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,6 +21,7 @@ @@
               "meta[name=theme-color]"
             ]
           }
-        ]
+        ],
+        "apple-touch-icons": "off"
       }
     }