style(public): update layout and text in index.html and index.md

Update layout and text to improve user experience
This commit is contained in:
wood chen 2024-10-26 15:08:00 +08:00
parent 8c7c01032c
commit 09e4d8ccf7
2 changed files with 13 additions and 6 deletions

View File

@ -85,7 +85,12 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 10px; margin: 0 0 10px 0;
}
.stats-header h3 {
margin: 0;
padding: 0;
} }
.refresh-icon { .refresh-icon {
@ -190,7 +195,7 @@
const summaryHtml = ` const summaryHtml = `
<div class="stats-summary"> <div class="stats-summary">
<div class="stats-header"> <div class="stats-header">
<h3>📊 接口调用统计 <span class="refresh-icon">🔄</span></h3> <h3>📊 接口调用次数 <span class="refresh-icon">🔄</span></h3>
</div> </div>
<div class="stats-grid"> <div class="stats-grid">
<div class="stats-item">今日总调用:${todayCalls} 次</div> <div class="stats-item">今日总调用:${todayCalls} 次</div>

View File

@ -1,12 +1,14 @@
# Random-Api 随机文件API # Random-Api 随机文件API
## 接口统计 ## 统计
<div class="stats-container"> <div class="stats-container">
<div id="stats-summary"></div> <div id="stats-summary"></div>
<div id="stats-detail"></div> <div id="stats-detail"></div>
</div> </div>
## 图片接口 ---
## 图片接口说明
| 种类 | 请求地址 | | 种类 | 请求地址 |
| ---------- | ---------------- | | ---------- | ---------------- |
@ -19,9 +21,9 @@
| AI绘图 | [https://random-api.czl.net/pic/ai](https://random-api.czl.net/pic/ai) | | AI绘图 | [https://random-api.czl.net/pic/ai](https://random-api.czl.net/pic/ai) |
| 加载 | [https://random-api.czl.net/pic/loading](https://random-api.czl.net/pic/loading) | | 加载 | [https://random-api.czl.net/pic/loading](https://random-api.czl.net/pic/loading) |
---
## 视频接口
## 视频接口说明
| 种类 | 请求地址 | | 种类 | 请求地址 |
| ---------- | ---------------- | | ---------- | ---------------- |
| 所有 | [https://random-api.czl.net/video/all](https://random-api.czl.net/video/all) | | 所有 | [https://random-api.czl.net/video/all](https://random-api.czl.net/video/all) |