feat: 右列卡片区上方新增醒目的「获取任务」按钮
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
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()">📥 获取任务</button>
|
||||
<div class="food-cards" id="foodCards"></div>
|
||||
|
||||
<!-- 底部操作栏 -->
|
||||
|
||||
Reference in New Issue
Block a user