小细节调整

html/bilibili_hotband.html

@@ -11,6 +11,12 @@
         #list td {
             font-size: 14px;
         }
+
+        #mobile-info {
+            color: grey;
+            font-size: 13px;
+            text-align: center;
+        }
     </style>
 </head>
 
@@ -53,6 +59,16 @@
         <span id="update-finish-info" style="color: green; font-weight: bold; display: none;">拉取成功，数据已更新</span>
     </nobr>
     <table id="list"></table>
+    <p id="mobile-info"></p>
+    <div class="bottom-placeholder">
+        <p>— 到底啦 —</p>
+    </div>
+
+    <script src="./assets/js/isMobile.js"></script>
+    <script>
+        let mobileFlag = isMobile();
+        document.getElementById('mobile-info').innerHTML = `手机、电脑端热搜链接不同，当前为您呈现 <span style="font-weight: bold;">${mobileFlag ? '手机端' : '电脑端'}</span> 链接`;
+    </script>
     <script>
         let iconMapper = {
             "http://i0.hdslb.com/bfs/feed-admin/e9e7a2d8497d4063421b685e72680bf1cfb99a0d.png": ["热", "#FF895C"],
@@ -244,6 +260,11 @@
 
             for (var i = 0; i < hotBandList.length; i++) {
                 const hotBand = hotBandList[i];
+
+                let linkUrl = mobileFlag
+                    ? `https://m.bilibili.com/search?keyword=${encodeURIComponent(hotBand.keyword)}`
+                    : `https://search.bilibili.com/all?keyword=${encodeURIComponent(hotBand.keyword)}`;
+
                 str.push(`<tr>
                     <!-- 编号 -->
                     <td>${hotBand.position}</td>
@@ -254,7 +275,9 @@
                             <div style="min-width: 20px; display: inline-block;">
                                 <span class="hotband-label" style="background-color: ${getIconText(hotBand.icon)[1]}; ${hotBand.icon ? "" : "display: none;"}">${getIconText(hotBand.icon)[0]}</span>
                             </div>
-                            <span>${hotBand.show_name}</span>
+                            <span>
+                                <a href="${linkUrl}" target="_blank">${hotBand.show_name}</a>
+                            </span>
                             ${hotBand.show_live_icon ? `<span class="hotband-label" style="background-color: #f69; padding: 1px 5px;">直播中</span>` : ""}
                         </nobr>
                     </td>