feat: 右列卡片区上方新增醒目的「获取任务」按钮

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
zhangyan
2026-06-17 09:39:52 +08:00
co-authored by Claude Opus 4.6
parent 6256f7b9fa
commit 700495771b
@@ -187,6 +187,15 @@
}
/* 底部操作栏 */
/* 获取任务按钮 */
.fetch-task-btn {
width: 100%; padding: 10px 0; border-radius: 8px; font-size: 13px; font-weight: 600;
cursor: pointer; transition: all 0.2s; font-family: inherit; border: 1px dashed rgba(74,144,217,0.3);
background: rgba(74,144,217,0.06); color: #4a90d9;
display: flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0;
}
.fetch-task-btn:hover { background: rgba(74,144,217,0.12); border-color: #4a90d9; }
.bottom-bar {
display: flex; align-items: center; justify-content: flex-end; gap: 12px;
padding: 10px 0; flex-shrink: 0;
@@ -351,6 +360,7 @@
<!-- 右列:净菜列表 -->
<div class="col-right">
<!-- 净菜加工卡片列表 -->
<button class="fetch-task-btn" onclick="handleRefresh()">&#x1F4E5; 获取任务</button>
<div class="food-cards" id="foodCards"></div>
<!-- 底部操作栏 -->