🦄 reactor: 页面适配

apps/tools.js

@@ -1823,7 +1823,7 @@ export class tools extends plugin {
             }
             // 一般这个情况是VIP歌曲 (如果没有url或者是国内,公用接口暂时不可用，必须自建并且ck可用状态才能进行高质量解析)
             if (!isCkExpired || url == null) {
-                url = await this.musicTempApi(e, title, "网易云音乐");
+                url = await this.musicTempApi(e, title, "网易云音乐", musicInfo);
             } else {
                 // 拥有ck，并且有效，直接进行解析
                 let audioInfo = AudioLevel;

guoba.support.js

@@ -265,7 +265,7 @@ export function supportGuoba() {
                 },
                 {
                     field: "tools.isSendVocal",
-                    label: "网易云开启仅发送音频",
+                    label: "网易云开启发送音频",
                     bottomHelpMessage:
                         "默认开启，识别音乐之后是否转化群语音发送，关闭将获得一定的性能提升",
                     component: "Switch",

resources/html/neteaseMusicInfo/neteaseMusicInfo.css

@@ -10,7 +10,6 @@ html {
     margin: 0;
     padding: 0;
     width: 780px;
-    height: 370px;
     font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
 }
 
@@ -20,7 +19,7 @@ html {
     top: 0;
     left: 0;
     width: 780px;
-    height:450px;
+    height: 450px;
     z-index: -1;
     object-fit: cover;
 }
@@ -44,6 +43,12 @@ html {
     box-sizing: border-box;
 }
 
+.songinfobox {
+    width: 100%;
+    height: 100%;
+    padding: 30px 0px;
+}
+
 .info {
     width: 100%;
     height: 100%;
@@ -54,7 +59,6 @@ html {
 }
 
 .cover {
-    margin-top: 28px;
     width: 100%;
     height: 135px;
     display: flex;
@@ -68,7 +72,7 @@ html {
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
 }
 
-.songSize{
+.songSize {
     width: 100%;
     text-align: center;
     margin-top: 20px;
@@ -87,7 +91,7 @@ html {
     text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);
 }
 
-.singerName{
+.singerName {
     width: 100%;
     text-align: center;
     font-family: 'singerName';
@@ -97,23 +101,23 @@ html {
     text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);
 }
 
-.typeBox{
+.typeBox {
     width: 100%;
     margin-top: 22px;
     display: flex;
     justify-content: center;
 }
 
-.typeList{ 
+.typeList {
     display: flex;
 }
 
-.typeNav{
+.typeNav {
     font-size: 15px;
     height: 25px;
     padding: 0px 10px;
     box-sizing: border-box;
-    background-color:rgba(255, 255, 255, 0.2);
+    background-color: rgba(255, 255, 255, 0.2);
     line-height: 0px;
     display: flex;
     justify-content: center;

resources/html/neteaseMusicInfo/neteaseMusicInfo.html

@@ -17,26 +17,30 @@
     </div>
     <div class="infoBox">
         <div class="info">
-            <div class="cover">
-                <img src="{{ songInfo.cover }}" alt="">
-            </div>
-            <div class="songSize">
-                {{ songInfo.size }} MB
-            </div>
-            <div class="songName">
-                {{ songInfo.songName }}
-            </div>
-            <div class="singerName">
-                {{ songInfo.singerName }}
-            </div>
-            <div class="typeBox">
-                <div class="typeList">
-                    {{each songInfo.musicType typeName}}
-                    <div class="typeNav">
-                        {{ typeName }}
-                    </div>
-                    {{ /each }}
+            <div class="songinfobox">
+                <div class="cover">
+                    <img src="{{ songInfo.cover }}" alt="">
                 </div>
+                <div class="songSize">
+                    {{ songInfo.size }}
+                </div>
+                <div class="songName">
+                    {{ songInfo.songName }}
+                </div>
+                <div class="singerName">
+                    {{ songInfo.singerName }}
+                </div>
+                {{if songInfo.musicType}}
+                <div class="typeBox">
+                    <div class="typeList">
+                        {{each songInfo.musicType typeName}}
+                        <div class="typeNav">
+                            {{ typeName || '喵喵~'}}
+                        </div>
+                        {{ /each }}
+                    </div>
+                </div>
+                {{/if}}
             </div>
         </div>
     </div>