打卡页: 「点环即打卡」提示换成新建按钮, 去掉底部歪掉的按钮
问题: - 当日栏右侧的「点环即打卡」是纯文字提示, 看着像可点但实际无交互, 容易误导 - 分组列表底部另有一个「+ 新建打卡项」按钮, 带内联 margin, 与卡片左右边距不一致, 视觉上是歪的 改动: - 当日栏右侧改为「+ 新建」按钮 (antd-mobile Button, mini) 右对齐, 复用原有 openCreate, 一个入口完成新建 - 删除底部「+ 新建打卡项」按钮及其 .mv-add-wrap 样式 - .mv-daybar 移除废弃的 .sum 样式, 新增 .mv-new-btn (margin-left:auto 右对齐) 空态「创建第一个打卡项」保留 (无任何打卡项时的引导)。
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user