jianf/TrulyMEM-TrueHumanMEM
1
0
Fork 0
mirror of https://gitcode.com/JianFeeeee/TrulyMEM-TrueHumanMEM.git synced 2026-10-15 12:15:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 活动改为开关样式（与自动视角一致）

Browse Source
This commit is contained in:
root
2026-04-28 19:33:57 +08:00
parent e7ddaee872
commit cc2241cac8
1 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ui/static/graph.html
View File

@ -404,7 +404,14 @@
<span class="toggle-knob on" id="autoKnob"></span> <span class="toggle-knob on" id="autoKnob"></span>
</label> </label>
</span> </span>
<button class="toggle-btn on" id="activityToggle"><i class="fas fa-chart-line" style="font-size:11px"></i> 活动</button> <span style="display:flex;align-items:center;gap:6px">
<span class="label-text">活动记录</span>
<label class="toggle-switch" id="activityLabel">
<input type="checkbox" id="activityCheck" checked style="display:none">
<span class="toggle-track on" id="activityTrack"></span>
<span class="toggle-knob on" id="activityKnob"></span>
</label>
</span>
</div> </div>
</div> </div>
<div id="node-info"> <div id="node-info">
@ -560,8 +567,6 @@ function init() {
var autoViewToggle = document.getElementById("autoViewToggle"); var autoViewToggle = document.getElementById("autoViewToggle");
var autoTrack = document.getElementById("autoTrack"); var autoTrack = document.getElementById("autoTrack");
var autoKnob = document.getElementById("autoKnob"); var autoKnob = document.getElementById("autoKnob");
var activityToggle = document.getElementById("activityToggle");
function updateAutoViewUI() { function updateAutoViewUI() {
if (autoViewToggle.checked) { if (autoViewToggle.checked) {
autoTrack.className = "toggle-track on"; autoTrack.className = "toggle-track on";
@ -571,9 +576,26 @@ function init() {
autoKnob.className = "toggle-knob"; autoKnob.className = "toggle-knob";
} }
} }
var activityCheck = document.getElementById("activityCheck");
var activityTrack = document.getElementById("activityTrack");
var activityKnob = document.getElementById("activityKnob");
function updateActivityUI() { function updateActivityUI() {
activityToggle.classList.toggle("on"); if (activityCheck.checked) {
activityTrack.className = "toggle-track on";
activityKnob.className = "toggle-knob on";
} else {
activityTrack.className = "toggle-track";
activityKnob.className = "toggle-knob";
}
} }
activityCheck.addEventListener("change", function() {
updateActivityUI();
});
document.getElementById("activityLabel").addEventListener("click", function(e) {
activityCheck.checked = !activityCheck.checked;
updateActivityUI();
});
autoViewToggle.addEventListener("change", function() { autoViewToggle.addEventListener("change", function() {
autoViewEnabled = this.checked; autoViewEnabled = this.checked;
@ -583,11 +605,7 @@ function init() {
autoViewToggle.checked = !autoViewToggle.checked; autoViewToggle.checked = !autoViewToggle.checked;
autoViewToggle.dispatchEvent(new Event('change')); autoViewToggle.dispatchEvent(new Event('change'));
}); });
activityToggle.addEventListener("click", function() {
updateActivityUI();
// 活动切换逻辑（默认由后端处理）
this.blur();
});
function createStarField() { function createStarField() {
const starCount = 3000; const starCount = 3000;