组件 · 基础
交互工具 Interaction
悬停才出现的操作（.xxd-reveal）、整行可点、按下下沉这类交互小工具。
演示
悬停这一行
<div class="xxd-row" style="border:1px solid var(--line)"><div class="xxd-row__text">悬停这一行</div><button class="xxd-btn xxd-reveal" data-size="xs">编辑</button></div>
<div class="xxd-concentric" style="--pad:4px;border:1px solid var(--line)"><button class="xxd-btn" data-size="sm">同心圆角</button></div>属性与类名
| 属性 / 类名 | 说明 |
|---|---|
| 类名 | xxd-reveal xxd-concentric xxd-icon-line xxd-num xxd-bubble |
JS
Xxd.showBubble(button, "已复制")键盘与读屏
- 悬停才出现的按钮在键盘聚焦时也出现（:focus-within），触屏上一直显示
- 整行可点时行里只放一个主链接，其余按钮单独可聚焦
规则
- hover 进入立即变、离开 140ms 淡回
- 悬停才出现的操作：触屏常显、键盘能到
- 同心圆角：外 = 内 + 间距