deal merge issue

This commit is contained in:
pikachuim 2025-06-12 15:13:36 +08:00
parent 99e5d2a9c2
commit 8f4ffc649c

View File

@ -1,4 +1,5 @@
<!DOCTYPE html><html lang="zh-CN" data-theme="light">
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -12,45 +13,47 @@
--bg-color-dark: #1e1e2f;
--text-color-dark: #f0f0f0;
--accent-color: #00d1b2;
}[data-theme="light"] body {
background-color: var(--bg-color-light);
color: var(--text-color-light);
}
}
[data-theme="dark"] body {
background-color: var(--bg-color-dark);
color: var(--text-color-dark);
}
[data-theme="light"] body {
background-color: var(--bg-color-light);
color: var(--text-color-light);
}
.form-container {
max-width: 800px;
margin: 3rem auto;
padding: 2rem;
border-radius: 1rem;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
background: inherit;
backdrop-filter: blur(10px);
}
[data-theme="dark"] body {
background-color: var(--bg-color-dark);
color: var(--text-color-dark);
}
label {
font-weight: 600;
}
.form-container {
max-width: 800px;
margin: 3rem auto;
padding: 2rem;
border-radius: 1rem;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
background: inherit;
backdrop-filter: blur(10px);
}
.form-control:read-only {
background-color: #f5f5f5;
cursor: pointer;
}
label {
font-weight: 600;
}
.toggle-theme {
position: fixed;
top: 1rem;
right: 1rem;
}
.form-control:read-only {
background-color: #f5f5f5;
cursor: pointer;
}
a {
text-decoration: none;
}
</style>
.toggle-theme {
position: fixed;
top: 1rem;
right: 1rem;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
@ -59,89 +62,56 @@
</div>
<div class="container form-container">
<h2 class="text-center mb-4">🔐 OpenList Token 获取工具</h2>
<div class="mb-3">
<label for="site-select" class="form-label">网盘名称</label>
<select id="site-select" class="form-select">
<option value="onedrive_go" selected>OneDrive 官方站点</option>
<option value="onedrive_cn">OneDrive 世纪互联</option>
<option value="onedrive_us">OneDrive 美国版本</option>
<option value="onedrive_de">OneDrive 德国版本</option>
</select>
<div class="mb-3">
<label for="site-select" class="form-label">网盘名称</label>
<select id="site-select" class="form-select">
<option value="onedrive_go" selected>OneDrive 官方站点</option>
<option value="onedrive_cn">OneDrive 世纪互联</option>
<option value="onedrive_us">OneDrive 美国版本</option>
<option value="onedrive_de">OneDrive 德国版本</option>
</select>
<div class="input-group">
<label for="client-id">客户端ID(Client ID)</label>
<input type="text" id="client-id" name="client-id">
<div class="mb-3">
<label for="client-id" class="form-label">客户端 ID</label>
<input type="text" id="client-id" class="form-control">
</div>
<div class="input-group">
<label for="app-secret">应用机密(App Secret)</label>
<input type="text" id="app-secret" name="app-secret">
<div class="mb-3">
<label for="app-secret" class="form-label">应用机密</label>
<input type="text" id="app-secret" class="form-control">
</div>
<div class="input-group">
<label for="callback-url">回调地址(Callback URL)</label>
<input type="text" id="callback-url" name="callback-url" value="https://api.oplist.org/onedrive/callback"
readonly onclick="autoCopy(this)">
<div class="mb-3">
<label for="callback-url" class="form-label">回调地址</label>
<input type="text" id="callback-url" class="form-control" value="https://api.oplist.org/onedrive/callback"
readonly
onclick="autoCopy(this)">
</div>
<div class="input-group">
<button class="btn btn-success" onclick="getLogin()">获取Token</button>
<div class="d-grid gap-2 mb-3">
<button class="btn btn-primary" onclick="getLogin()">获取 Token</button>
</div>
<div class="input-group">
<label for="access-token">访问秘钥(Access Token)</label>
<textarea type="text" id="access-token" name="access-token" readonly onclick="autoCopy(this)"></textarea>
<div class="mb-3">
<label for="access-token" class="form-label">访问秘钥</label>
<textarea id="access-token" class="form-control" rows="3" readonly onclick="autoCopy(this)"></textarea>
</div>
<div class="input-group">
<label for="refresh-token">刷新秘钥(Refresh Token)</label>
<textarea type="text" id="refresh-token" name="refresh-token" readonly onclick="autoCopy(this)"></textarea>
<div class="mb-3">
<label for="refresh-token" class="form-label">刷新秘钥</label>
<textarea id="refresh-token" class="form-control" rows="3" readonly onclick="autoCopy(this)"></textarea>
</div>
<div class="input-group">
本工具所有信息只以Cookie形式存储于浏览器本地开源于<a href="https://github.com/OpenListTeam/cf-worker-api">CF-Worker-API</a>
<div class="text-muted text-center">
<p style="text-align:center">
本工具所有信息只以Cookie形式存储于浏览器本地<br>
开源于 <a href=" " target="_blank">GitHub</a> | by <a href="https://github.com/OpenListTeam"
target="_blank">OpenListTeam</a>
</p>
</div>
</div>
</div>
<div class="mb-3">
<label for="client-id" class="form-label">客户端 ID</label>
<input type="text" id="client-id" class="form-control">
</div>
<div class="mb-3">
<label for="app-secret" class="form-label">应用机密</label>
<input type="text" id="app-secret" class="form-control">
</div>
<div class="mb-3">
<label for="callback-url" class="form-label">回调地址</label>
<input type="text" id="callback-url" class="form-control" value="https://api.oplist.org/onedrive/callback" readonly onclick="autoCopy(this)">
</div>
<div class="d-grid gap-2 mb-3">
<button class="btn btn-primary" onclick="getLogin()">获取 Token</button>
</div>
<div class="mb-3">
<label for="access-token" class="form-label">访问秘钥</label>
<textarea id="access-token" class="form-control" rows="3" readonly onclick="autoCopy(this)"></textarea>
</div>
<div class="mb-3">
<label for="refresh-token" class="form-label">刷新秘钥</label>
<textarea id="refresh-token" class="form-control" rows="3" readonly onclick="autoCopy(this)"></textarea>
</div>
<div class="text-muted text-center">
<p style="text-align:center">
本工具不储存任何用户信息<br>
开源于 <a href=" " target="_blank">GitHub</a > | by <a href="https://github.com/OpenListTeam" target="_blank">OpenListTeam</a >
</p >
</div>
</div>
<script>
let intervalId;
@ -240,5 +210,6 @@
if (hour < 6 || hour >= 18) document.documentElement.setAttribute("data-theme", "dark");
getToken();
})();
</script></body>
</script>
</body>
</html>