pref: 优化标注页面设计

This commit is contained in:
2025-10-28 11:18:28 +08:00
parent 8f76295bb5
commit 925c89d2a3

View File

@@ -177,10 +177,10 @@
<body>
<div class="container">
<div class="header">
<!-- <div class="header">
<h1>ReMark</h1>
<a href="/list" class="btn-secondary">返回图片列表</a>
</div>
</div> -->
<!-- <div class="info-panel">
<h3>图像信息</h3>
@@ -213,15 +213,16 @@
<button class="label-btn btn-negative" data-id="2" data-label="soldier">士兵 (2)</button>
<button class="label-btn btn-neutral" data-id="3" data-label="gun">枪支 (3)</button>
<button class="label-btn btn-unclear" data-id="4" data-label="number">数字牌 (4)</button>
<!-- 插入占位元素 -->
<div style="flex: 1;"></div>
<button class="btn-primary" id="save-btn">保存标注结果</button>
<button class="btn-primary" id="clear-btn">清空所有标注</button>
</div>
<div class="status">
<p>当前状态:<span id="status-text">请选择一个目标类别开始标注</span></p>
<p>当前选中类别:<span id="selected-label"></span></p>
</div>
<button class="btn-primary" id="save-btn">保存标注结果</button>
<button class="btn-primary" id="clear-btn">清空所有标注</button>
</div>
<div class="detection-list">
@@ -254,7 +255,7 @@
}
window.currentSide = side;
document.querySelector('h1').textContent = `人工标注 (${side === 'left' ? '左侧' : '右侧'}图像)`;
// document.querySelector('h1').textContent = `人工标注 (${side === 'left' ? '左侧' : '右侧'}图像)`;
// 初始化 Fabric.js 画布
canvas = new fabric.Canvas('canvas', {