状态行

<div style="max-width:420px;border:1px solid var(--line);background:var(--paper)">
  <div class="xxd-statusline" id="status-demo" hidden></div>
  <footer class="xxd-dock" style="position:static"><div class="xxd-dock__status">24 张 · 来自 mp.weixin.qq.com</div><div class="xxd-dock__primary"><button class="xxd-btn" data-variant="primary" data-size="sm">复制 24 个链接</button></div></footer>
</div>
<div class="xxd-cluster" style="margin-top:12px">
  <button class="xxd-btn" data-size="sm" onclick="Xxd.setStatus(document.getElementById('status-demo'), '正在读取颜色 12 / 40', { action: { label: '停止' } })">进行中</button>
  <button class="xxd-btn" data-size="sm" onclick="Xxd.setStatus(document.getElementById('status-demo'), '今天的 5 组颜色排序用完了（原样和倒过来不受限制）', { tone: 'warning', action: { label: '开通会员' } })">用完了</button>
  <button class="xxd-btn" data-size="sm" onclick="Xxd.setStatus(document.getElementById('status-demo'), '')">清空</button>
</div>