wood/random-api-go
1
0
Fork 0
mirror of https://github.com/woodchen-ink/random-api-go.git synced 2025-07-18 13:52:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(public/css, public/index.html): Update fade class and endpoint-link color, fetch stats from local server, add view column and update interval

Browse Source
This commit is contained in:
wood chen 2024-10-27 20:57:27 +08:00
parent f2d4d5d2a4
commit abd9c75e7f
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/main.css
View File

@ -108,9 +108,9 @@ table {
transition: opacity 0.3s ease;
}
.fade {
/* .fade {
opacity: 0.6;
}
} */
.endpoint-link {
/* color: #666; 默认字体颜色改为深灰色 */

6
public/index.html
View File

@ -67,7 +67,7 @@
if (detailElement) detailElement.classList.add('fade');
// 获取数据
const response = await fetch('https://random-api.czl.net/stats');
const response = await fetch('/stats');
const stats = await response.json();
// 更新统计
@ -136,6 +136,7 @@
<th>接口</th>
<th>今日调用</th>
<th>总调用</th>
<th>查看</th>
</tr>
</thead>
<tbody>
@ -154,6 +155,7 @@
</td>
<td>${stat.today_calls}</td>
<td>${stat.total_calls}</td>
<td><a href="${endpoint}" target="_blank" rel="noopener noreferrer">👀</a></td>
</tr>
`;
});
@ -226,7 +228,7 @@
.catch(error => console.error('Error loading index.md:', error));
// 定期更新统计数据
setInterval(loadStats, 3 * 1000);
setInterval(loadStats, 5 * 1000);
</script>
</body>