qiukai/opc-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 样式统一 + 月份下拉框扩展

Browse Source 
- 品牌色统一为天机阁标准 #4A6CF7，tailwind.config 扩展完整色阶
- styles.css 新增 :root CSS 变量层（brand 色阶、语义色、圆角/阴影 token）
- 全项目 hex/Tailwind 类统一替换为 brand-* CSS 变量（115 处引用）
- border-radius/box-shadow 统一使用 token 变量
- 预留 :root[data-theme="dark"] 暗色主题变量占位
- 所有月份下拉框范围从 3 年/15 月扩展至 2020-2027（8 年 96 月）
This commit is contained in:
mac
2026-07-13 16:34:53 +08:00
parent 89810942cd
commit f619ed34a7
15 changed files with 209 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/modules/performance.js
View File

@@ -53,7 +53,7 @@ window.renderPerformance = () => {
totalScore += score;
return `<tr class="border-b border-slate-100">
<td class="p-3 align-middle text-left font-medium text-slate-700"><i data-lucide="${r.icon}" style="width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:6px" class="text-blue-500"></i>${r.label}</td>
<td class="p-3 align-middle text-left font-medium text-slate-700"><i data-lucide="${r.icon}" style="width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:6px" class="text-brand-500"></i>${r.label}</td>
<td class="p-3 align-middle text-center">
<div class="inline-flex items-center gap-1">
<input type="number" step="0.1" min="0" value="${targetWan.toFixed(1)}" class="perf-target form-ctrl form-ctrl-sm w-20 text-center" style="appearance:none;-webkit-appearance:none" data-key="${r.key}" onchange="updatePerfScore('${r.key}','targetWan',this.value)">
@@ -66,7 +66,7 @@ window.renderPerformance = () => {
<input type="number" step="0.1" min="0" max="100" value="${weight}" class="perf-weight form-ctrl form-ctrl-sm w-16 text-center" style="appearance:none;-webkit-appearance:none" data-key="${r.key}" onchange="updatePerfScore('${r.key}','weight',this.value)">
</div>
</td>
<td class="p-3 align-middle text-center font-semibold text-blue-700 text-sm">${score.toFixed(1)}</td>
<td class="p-3 align-middle text-center font-semibold text-brand-700 text-sm">${score.toFixed(1)}</td>
</tr>`;
}).join('');
@@ -99,7 +99,7 @@ window.renderPerformance = () => {
<td class="p-3 text-center text-slate-500">—</td>
<td class="p-3 text-center text-slate-500">—</td>
<td class="p-3 text-center text-slate-700">100</td>
<td class="p-3 text-center text-blue-700 text-base">${totalScore.toFixed(1)}</td>
<td class="p-3 text-center text-brand-700 text-base">${totalScore.toFixed(1)}</td>
</tr></tfoot>
</table>
</section>