# 按天分组的记录

「今天 / 昨天 / 9月12日」小标题下一行一条：缩略图叠放、标题、方式 · 时间；hover 出删除（点两次确认）。

```html
<div class="xxd-history" style="max-width:420px">
  <section><h3 class="xxd-history__day">今天</h3>
    <ul class="xxd-list xxd-group__body" data-interactive>
      <li class="xxd-list__item"><span class="xxd-thumbs"><span style="background:#d65f32"></span><span style="background:#3b74b8"></span><span style="background:#5a8a3c"></span></span><div class="xxd-list__main"><div class="xxd-list__title">24 张图片</div><div class="xxd-list__meta">渐变 · 14:02</div></div><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs" data-confirm-twice="确认删除">删除</button><button class="xxd-btn" data-size="xs">打开</button></li>
      <li class="xxd-list__item"><span class="xxd-thumbs"><span style="background:#7b61b0"></span><span style="background:#c98a1a"></span></span><div class="xxd-list__main"><div class="xxd-list__title">8 张图片</div><div class="xxd-list__meta">原样 · 09:40</div></div><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs" data-confirm-twice="确认删除">删除</button><button class="xxd-btn" data-size="xs">打开</button></li>
    </ul></section>
  <section><h3 class="xxd-history__day">昨天</h3>
    <ul class="xxd-list xxd-group__body" data-interactive>
      <li class="xxd-list__item"><span class="xxd-thumbs"><span style="background:#2a8a7a"></span></span><div class="xxd-list__main"><div class="xxd-list__title">一篇关于设计系统的长文</div><div class="xxd-list__meta">已写入 X · 21:15</div></div><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs" data-confirm-twice="确认删除">删除</button><button class="xxd-btn" data-size="xs">打开</button></li>
    </ul></section>
  <button class="xxd-link" data-confirm-twice="确认清空全部记录" style="color:var(--danger)">清空全部记录</button>
</div>
```
- 最多 50 行；同一组再做一次只更新那一行
- 删除点两次（不弹对话框）