打卡页: 「点环即打卡」提示换成新建按钮, 去掉底部歪掉的按钮

问题:
- 当日栏右侧的「点环即打卡」是纯文字提示, 看着像可点但实际无交互, 容易误导
- 分组列表底部另有一个「+ 新建打卡项」按钮, 带内联 margin,
  与卡片左右边距不一致, 视觉上是歪的

改动:
- 当日栏右侧改为「+ 新建」按钮 (antd-mobile Button, mini) 右对齐,
  复用原有 openCreate, 一个入口完成新建
- 删除底部「+ 新建打卡项」按钮及其 .mv-add-wrap 样式
- .mv-daybar 移除废弃的 .sum 样式, 新增 .mv-new-btn (margin-left:auto 右对齐)

空态「创建第一个打卡项」保留 (无任何打卡项时的引导)。
This commit is contained in:
jif2.zhang
2026-10-24 08:40:09 +08:00
parent 330e6585d9
commit 7e229ecc84
2 changed files with 11 additions and 12 deletions
+9 -10
View File
@@ -257,13 +257,20 @@ export default function MergedView({ date, onDateChange }) {
{err && <div className="error-banner">{err}<span className="retry-link" onClick={() => { loadCal(false); loadDetail(false) }}>重试</span></div>}
{/* 当日栏 */}
{/* 当日栏: 右侧放「+ 新建」, 替代原来无实际作用的「点环即打卡」提示 */}
<div className="mv-daybar">
{dayLabel(date, detail?.today || today)}
{isFuture
? <span className="badge">计划(不可打卡)</span>
: <span className="badge">已完成 {summary.done} / {summary.total}</span>}
<span className="sum">点环即打卡</span>
<Button
className="mv-new-btn"
size="mini"
color="primary"
onClick={openCreate}
>
+ 新建
</Button>
</div>
{detail === null && !err && <div className="monitor-loading"><DotLoading /> 加载中...</div>}
@@ -318,14 +325,6 @@ export default function MergedView({ date, onDateChange }) {
))}
</div>
{detail !== null && (
<div className="mv-add-wrap">
<Button block fill="outline" size="small" onClick={openCreate} style={{ margin: '4px 12px 12px' }}>
+ 新建打卡项
</Button>
</div>
)}
{/* 「⋯」操作面板: 撤销 / 编辑 / 归档 */}
<Popup
visible={!!sheetItem}