feat: 优化设置页面布局，方便配置必须项

xiaomusic/static/index.html

@@ -22,8 +22,12 @@ var vConsole = new window.VConsole();
       </a>)
     </h2>
     <hr>
+
+    <div class="rows">
       <select id="did">
       </select>
+    </div>
+
     <div id="cmds">
     </div>
     <hr>
@@ -37,15 +41,15 @@ var vConsole = new window.VConsole();
       </div>
     </div>
     <hr>
-    <div>
+    <div class="rows">
       <datalist id="autocomplete-list"></datalist>
       <input id="music-name" type="text" placeholder="请输入搜索关键词(如:MV高清版 周杰伦 七里香)" list="autocomplete-list"></input>
       <input id="music-filename" type="text" placeholder="请输入保存为的文件名称(如:周杰伦七里香)"></input>
-    </div>
       <button id="play">播放</button>
       <div class="container">
         <div id="playering-music" class="text"></div>
       </div>
+    </div>
 
     <hr>
     <div class="rows">
@@ -53,15 +57,17 @@ var vConsole = new window.VConsole();
       <select id="music_list"></select>
       <label for="music_name">歌曲:</label>
       <select id="music_name"></select>
-    </div>
+      <div>
       <button id="play_music_list">播放列表歌曲</button>
       <button id="del_music">删除选中歌曲</button>
+      </div>
+    </div>
 
     <hr>
-    <div>
+    <div class="rows">
       <input id="music-url" type="text" placeholder="链接(http://ngcdn001.cnr.cn/live/zgzs/index.m3u8)"></input>
-    </div>
       <button id="playurl">播放链接</button>
+    </div>
 
     <footer>
       <p>Powered by <a href="https://github.com/hanxi/xiaomusic" target="_blank">xiaomusic</a></p>

xiaomusic/static/setting.html

@@ -30,7 +30,8 @@ var vConsole = new window.VConsole();
     </div>
     <br>
 
-    <div id="setting" class="rows">
+    <div id="setting">
+      <div class="rows">
         <label for="account">*小米账号:</label>
         <input id="account" type="text" placeholder="填写小米登录账号"></input>
 
@@ -46,6 +47,10 @@ var vConsole = new window.VConsole();
           <option value="false">false</option>
         </select>
 
+        <button class="save-button">保存</button>
+      </div>
+      <hr>
+      <div class="rows">
         <label for="group_list">设备分组配置:</label>
         <input id="group_list" type="text" placeholder="did1:组名1,did2:组名1,did3:组名2"></input>
 
@@ -131,10 +136,11 @@ var vConsole = new window.VConsole();
         <textarea id="music_list_json" type="text"></textarea>
 
       </div>
+    </div>
     <hr>
     <button onclick="location.href='/';">返回首页</button>
     <button id="get_music_list">获取歌单</button>
-    <button id="save">保存</button>
+    <button class="save-button">保存</button>
     <a class="button" href="/downloadlog" download="xiaomusic.txt">下载日志文件</a>
     <hr>
 

xiaomusic/static/setting.js

@@ -85,7 +85,7 @@ $(function(){
     autoSelectOne();
   });
 
-  $("#save").on("click", () => {
+  $(".save-button").on("click", () => {
     var setting = $('#setting');
     var inputs = setting.find('input, select, textarea');
     var data = {};