mirror of
https://github.com/t8y2/dbx.git
synced 2026-10-19 16:16:45 +00:00
19 lines
3.1 KiB
HTML
19 lines
3.1 KiB
HTML
<!doctype html><html lang="zh"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>#11483 界面预览 · 7b13875</title>
|
|
<style>:root{color-scheme:light dark;--bg:#f6f6f7;--fg:#1d1d1f;--muted:#6e6e73;--card:#fff;--line:#e5e5ea}
|
|
@media (prefers-color-scheme:dark){:root{--bg:#111113;--fg:#f2f2f4;--muted:#9a9aa0;--card:#1c1c1f;--line:#2c2c30}}
|
|
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,"Segoe UI","PingFang SC","Noto Sans CJK SC",sans-serif}
|
|
main{max-width:1200px;margin:0 auto;padding:28px 16px 60px}h1{font-size:20px;margin:0 0 4px}.m{color:var(--muted);font-size:13px;margin:0 0 20px}
|
|
.warn{margin:0 0 20px;padding:10px 14px;border:1px solid #c0392b;border-radius:10px;background:rgba(192,57,43,.07);color:#c0392b;font-size:14px}
|
|
figure.shaky img{border-color:#c0392b}
|
|
video,img{display:block;width:100%;border-radius:10px;border:1px solid var(--line);background:var(--card)}figure{margin:0 0 28px}figcaption{color:var(--muted);font-size:13px;margin-top:8px}
|
|
a{color:inherit}</style>
|
|
<main><h1>#11483 界面预览</h1><p class="m">commit 7b13875 · <a href="https://github.com/t8y2/dbx/pull/11483">回到 PR</a> · 这个 PR 为 OceanBase Oracle 的对象列表和侧栏对象树引入了条件分页加载：按名称/注释/类型在 Agent 侧做有界分页，保持数据库顺序，并在对象浏览器底部提供“加载更多”；同时搜索中使用正则会直接提示不支持。</p>
|
|
<p class="warn">⚠️ 这次录制有 9 步没能按计划执行；带 ⚠️ 的截图拍摄于步骤失败之后，画面未必是说明文字所描述的状态。</p>
|
|
<figure><video src="preview.mp4" controls autoplay muted playsinline poster="poster.png"></video><figcaption>红线是鼠标走过的轨迹，红色圆环是一次点击；底部文字是这一步在做什么。多个场景各自从应用初始状态开始。空格暂停，← → 逐段查看。</figcaption></figure>
|
|
<figure class="shaky"><img src="01-ob-browser-initial.png" alt="打开对象浏览器后的列表区域"><figcaption>⚠️ 对象浏览器分页与继续加载 · 打开对象浏览器后的列表区域</figcaption></figure>
|
|
<figure class="shaky"><img src="02-ob-browser-search-results.png" alt="对象浏览器按搜索条件分页后的列表与底部提示"><figcaption>⚠️ 对象浏览器分页与继续加载 · 对象浏览器按搜索条件分页后的列表与底部提示</figcaption></figure>
|
|
<figure class="shaky"><img src="03-ob-browser-after-load-more.png" alt="继续加载后的对象列表与分页按钮状态"><figcaption>⚠️ 对象浏览器分页与继续加载 · 继续加载后的对象列表与分页按钮状态</figcaption></figure>
|
|
<figure class="shaky"><img src="04-sidebar-paged-tree.png" alt="对象树/侧栏中的分页加载位置"><figcaption>⚠️ 侧栏对象树分页 · 对象树/侧栏中的分页加载位置</figcaption></figure>
|
|
<figure class="shaky"><img src="05-sidebar-search-with-more.png" alt="侧栏搜索结果里保留分页继续加载节点"><figcaption>⚠️ 侧栏对象树分页 · 侧栏搜索结果里保留分页继续加载节点</figcaption></figure>
|
|
</main></html> |