159 lines
14 KiB
HTML
159 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>测试总览 — Aurora Admin 组件库</title>
|
|
<link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css">
|
|
<link rel="stylesheet" href="../site/style.css">
|
|
<style>
|
|
body { margin: 0; font-family: var(--au-font-family); color: var(--au-color-text-body); background: var(--au-color-page-bg); }
|
|
.shell { max-width: 1280px; margin: 0 auto; padding: 24px; }
|
|
.shell h1 { margin: 0 0 4px; font-size: 24px; color: var(--au-color-text-title); }
|
|
.shell .desc { margin: 0 0 20px; color: var(--au-color-text-secondary); font-size: 14px; }
|
|
.summary { display: flex; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; }
|
|
.pill { height: 28px; padding: 0 12px; border-radius: var(--au-radius-base); background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); display: inline-flex; align-items: center; font-family: var(--au-font-family-num); font-size: 13px; color: var(--au-color-text-body); }
|
|
.pill strong { margin-right: 4px; color: var(--au-color-brand); }
|
|
.cat { margin: 24px 0 12px; }
|
|
.cat h2 { margin: 0 0 10px; font-size: 16px; color: var(--au-color-text-title); }
|
|
.cat h2 .en { font-family: var(--au-font-family-num); font-size: 12px; color: var(--au-color-text-secondary); margin-left: 8px; }
|
|
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
|
|
.card { background: var(--au-color-card-bg); border: 1px solid var(--au-color-border); border-radius: var(--au-radius-medium); padding: 12px; transition: border-color .15s, box-shadow .15s; cursor: pointer; text-decoration: none; display: block; }
|
|
.card:hover { border-color: var(--au-color-brand); box-shadow: var(--au-shadow-low); }
|
|
.card .zh { font-size: 14px; color: var(--au-color-text-title); }
|
|
.card .en { font-family: var(--au-font-family-num); font-size: 11px; color: var(--au-color-text-secondary); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="shell">
|
|
<h1>测试总览 <a href="../site/index.html" style="font-size:13px; margin-left:8px;">← 文档站</a></h1>
|
|
<p class="desc">为每个组件生成独立测试页（断言协议 + 通用测试矩阵）。点击卡片进入测试页；通过率会写 localStorage[aa-test-log]。</p>
|
|
<div class="summary">
|
|
<span class="pill"><strong>79</strong> 个组件测试</span>
|
|
<span class="pill" id="passed">通过：—</span>
|
|
<span class="pill" id="failed">失败：—</span>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>通用 <span class="en">general</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="button" href="button.html"><div class="zh">按钮</div><div class="en">Button</div></a>
|
|
<a class="card" data-slug="card" href="card.html"><div class="zh">卡片</div><div class="en">Card</div></a>
|
|
<a class="card" data-slug="tag" href="tag.html"><div class="zh">标签</div><div class="en">Tag</div></a>
|
|
<a class="card" data-slug="buttongroup" href="buttongroup.html"><div class="zh">按钮组</div><div class="en">ButtonGroup</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>导航 <span class="en">navigation</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="tabs" href="tabs.html"><div class="zh">标签页</div><div class="en">Tabs</div></a>
|
|
<a class="card" data-slug="steps" href="steps.html"><div class="zh">步骤条</div><div class="en">Steps</div></a>
|
|
<a class="card" data-slug="breadcrumb" href="breadcrumb.html"><div class="zh">面包屑</div><div class="en">Breadcrumb</div></a>
|
|
<a class="card" data-slug="dropdown" href="dropdown.html"><div class="zh">下拉菜单</div><div class="en">Dropdown</div></a>
|
|
<a class="card" data-slug="enhancedtabnav" href="enhancedtabnav.html"><div class="zh">标签页导航增强</div><div class="en">EnhancedTabNav</div></a>
|
|
<a class="card" data-slug="sidemenu" href="sidemenu.html"><div class="zh">侧边栏菜单</div><div class="en">SideMenu</div></a>
|
|
<a class="card" data-slug="topmenu" href="topmenu.html"><div class="zh">顶部菜单</div><div class="en">TopMenu</div></a>
|
|
<a class="card" data-slug="mixednavigation" href="mixednavigation.html"><div class="zh">混合导航</div><div class="en">MixedNavigation</div></a>
|
|
<a class="card" data-slug="quicknav" href="quicknav.html"><div class="zh">快捷导航</div><div class="en">QuickNav</div></a>
|
|
<a class="card" data-slug="anchornav" href="anchornav.html"><div class="zh">锚点导航</div><div class="en">AnchorNav</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>数据录入 <span class="en">input</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="input" href="input.html"><div class="zh">输入框</div><div class="en">Input</div></a>
|
|
<a class="card" data-slug="select" href="select.html"><div class="zh">选择器</div><div class="en">Select</div></a>
|
|
<a class="card" data-slug="segmented" href="segmented.html"><div class="zh">分段控制器</div><div class="en">Segmented</div></a>
|
|
<a class="card" data-slug="transfer" href="transfer.html"><div class="zh">穿梭框</div><div class="en">Transfer</div></a>
|
|
<a class="card" data-slug="rate" href="rate.html"><div class="zh">评分</div><div class="en">Rate</div></a>
|
|
<a class="card" data-slug="slider" href="slider.html"><div class="zh">滑块</div><div class="en">Slider</div></a>
|
|
<a class="card" data-slug="mention" href="mention.html"><div class="zh">提及</div><div class="en">Mention</div></a>
|
|
<a class="card" data-slug="autocomplete" href="autocomplete.html"><div class="zh">自动完成</div><div class="en">AutoComplete</div></a>
|
|
<a class="card" data-slug="bankcardinput" href="bankcardinput.html"><div class="zh">银行卡输入</div><div class="en">BankCardInput</div></a>
|
|
<a class="card" data-slug="idcardinput" href="idcardinput.html"><div class="zh">身份证输入</div><div class="en">IDCardInput</div></a>
|
|
<a class="card" data-slug="plateinput" href="plateinput.html"><div class="zh">车牌输入</div><div class="en">PlateInput</div></a>
|
|
<a class="card" data-slug="radiocard" href="radiocard.html"><div class="zh">单选卡片</div><div class="en">RadioCard</div></a>
|
|
<a class="card" data-slug="checkboxcard" href="checkboxcard.html"><div class="zh">复选卡片</div><div class="en">CheckboxCard</div></a>
|
|
<a class="card" data-slug="listpicker" href="listpicker.html"><div class="zh">列表选择器</div><div class="en">ListPicker</div></a>
|
|
<a class="card" data-slug="cascader" href="cascader.html"><div class="zh">级联选择器</div><div class="en">Cascader</div></a>
|
|
<a class="card" data-slug="colorpicker" href="colorpicker.html"><div class="zh">颜色选择器</div><div class="en">ColorPicker</div></a>
|
|
<a class="card" data-slug="rangequickpicker" href="rangequickpicker.html"><div class="zh">日期范围快捷选择</div><div class="en">RangeQuickPicker</div></a>
|
|
<a class="card" data-slug="numberrangeinput" href="numberrangeinput.html"><div class="zh">数字范围输入</div><div class="en">NumberRangeInput</div></a>
|
|
<a class="card" data-slug="switchgroup" href="switchgroup.html"><div class="zh">开关组</div><div class="en">SwitchGroup</div></a>
|
|
<a class="card" data-slug="dragupload" href="dragupload.html"><div class="zh">拖拽上传</div><div class="en">DragUpload</div></a>
|
|
<a class="card" data-slug="signaturepad" href="signaturepad.html"><div class="zh">签名板</div><div class="en">SignaturePad</div></a>
|
|
<a class="card" data-slug="codeinput" href="codeinput.html"><div class="zh">验证码输入</div><div class="en">CodeInput</div></a>
|
|
<a class="card" data-slug="passwordinput" href="passwordinput.html"><div class="zh">密码输入</div><div class="en">PasswordInput</div></a>
|
|
<a class="card" data-slug="phoneinput" href="phoneinput.html"><div class="zh">手机号输入</div><div class="en">PhoneInput</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>数据展示 <span class="en">display</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="table" href="table.html"><div class="zh">数据表格</div><div class="en">Table</div></a>
|
|
<a class="card" data-slug="tree" href="tree.html"><div class="zh">树形控件</div><div class="en">Tree</div></a>
|
|
<a class="card" data-slug="collapse" href="collapse.html"><div class="zh">折叠面板</div><div class="en">Collapse</div></a>
|
|
<a class="card" data-slug="calendar" href="calendar.html"><div class="zh">日历</div><div class="en">Calendar</div></a>
|
|
<a class="card" data-slug="carousel" href="carousel.html"><div class="zh">轮播</div><div class="en">Carousel</div></a>
|
|
<a class="card" data-slug="imagepreview" href="imagepreview.html"><div class="zh">图片预览</div><div class="en">ImagePreview</div></a>
|
|
<a class="card" data-slug="qrcode" href="qrcode.html"><div class="zh">二维码</div><div class="en">QRCode</div></a>
|
|
<a class="card" data-slug="countdown" href="countdown.html"><div class="zh">倒计时</div><div class="en">Countdown</div></a>
|
|
<a class="card" data-slug="watermark" href="watermark.html"><div class="zh">水印</div><div class="en">Watermark</div></a>
|
|
<a class="card" data-slug="cardlist" href="cardlist.html"><div class="zh">卡片列表</div><div class="en">CardList</div></a>
|
|
<a class="card" data-slug="treetable" href="treetable.html"><div class="zh">树形表格</div><div class="en">TreeTable</div></a>
|
|
<a class="card" data-slug="expandabletable" href="expandabletable.html"><div class="zh">可展开表格</div><div class="en">ExpandableTable</div></a>
|
|
<a class="card" data-slug="mergedcelltable" href="mergedcelltable.html"><div class="zh">合并单元格表格</div><div class="en">MergedCellTable</div></a>
|
|
<a class="card" data-slug="summaryrowtable" href="summaryrowtable.html"><div class="zh">统计行表格</div><div class="en">SummaryRowTable</div></a>
|
|
<a class="card" data-slug="fixedcolumntable" href="fixedcolumntable.html"><div class="zh">固定列表格</div><div class="en">FixedColumnTable</div></a>
|
|
<a class="card" data-slug="timelinelist" href="timelinelist.html"><div class="zh">时间轴列表</div><div class="en">TimelineList</div></a>
|
|
<a class="card" data-slug="steplist" href="steplist.html"><div class="zh">步骤列表</div><div class="en">StepList</div></a>
|
|
<a class="card" data-slug="chartpanel" href="chartpanel.html"><div class="zh">图表面板</div><div class="en">ChartPanel</div></a>
|
|
<a class="card" data-slug="dashboardcard" href="dashboardcard.html"><div class="zh">仪表板卡片</div><div class="en">DashboardCard</div></a>
|
|
<a class="card" data-slug="employeecard" href="employeecard.html"><div class="zh">员工卡片</div><div class="en">EmployeeCard</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>反馈 <span class="en">feedback</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="modal" href="modal.html"><div class="zh">对话框</div><div class="en">Modal</div></a>
|
|
<a class="card" data-slug="popconfirm" href="popconfirm.html"><div class="zh">气泡确认框</div><div class="en">Popconfirm</div></a>
|
|
<a class="card" data-slug="bottomsheet" href="bottomsheet.html"><div class="zh">底部面板</div><div class="en">BottomSheet</div></a>
|
|
<a class="card" data-slug="messagepro" href="messagepro.html"><div class="zh">全局提示增强</div><div class="en">MessagePro</div></a>
|
|
<a class="card" data-slug="notificationpro" href="notificationpro.html"><div class="zh">通知提醒增强</div><div class="en">NotificationPro</div></a>
|
|
<a class="card" data-slug="progressvariants" href="progressvariants.html"><div class="zh">进度条变体</div><div class="en">ProgressVariants</div></a>
|
|
<a class="card" data-slug="skeletonpro" href="skeletonpro.html"><div class="zh">骨架屏增强</div><div class="en">SkeletonPro</div></a>
|
|
<a class="card" data-slug="emptypro" href="emptypro.html"><div class="zh">空状态增强</div><div class="en">EmptyPro</div></a>
|
|
<a class="card" data-slug="loadingoverlay" href="loadingoverlay.html"><div class="zh">加载遮罩</div><div class="en">LoadingOverlay</div></a>
|
|
<a class="card" data-slug="resultvariants" href="resultvariants.html"><div class="zh">结果页变体</div><div class="en">ResultVariants</div></a>
|
|
<a class="card" data-slug="exceptionvariants" href="exceptionvariants.html"><div class="zh">异常页变体</div><div class="en">ExceptionVariants</div></a>
|
|
<a class="card" data-slug="confirmmodal" href="confirmmodal.html"><div class="zh">确认弹窗</div><div class="en">ConfirmModal</div></a>
|
|
<a class="card" data-slug="alertmodal" href="alertmodal.html"><div class="zh">提示弹窗</div><div class="en">AlertModal</div></a>
|
|
<a class="card" data-slug="formmodal" href="formmodal.html"><div class="zh">表单弹窗</div><div class="en">FormModal</div></a>
|
|
<a class="card" data-slug="fullscreenmodal" href="fullscreenmodal.html"><div class="zh">全屏弹窗</div><div class="en">FullScreenModal</div></a>
|
|
</div>
|
|
</div>
|
|
<div class="cat">
|
|
<h2>工具与系统 <span class="en">system</span></h2>
|
|
<div class="grid">
|
|
<a class="card" data-slug="shortcutpanel" href="shortcutpanel.html"><div class="zh">键盘快捷键面板</div><div class="en">ShortcutPanel</div></a>
|
|
<a class="card" data-slug="backtotop" href="backtotop.html"><div class="zh">返回顶部</div><div class="en">BackToTop</div></a>
|
|
<a class="card" data-slug="pagetransition" href="pagetransition.html"><div class="zh">页面跳转</div><div class="en">PageTransition</div></a>
|
|
<a class="card" data-slug="themeswitcher" href="themeswitcher.html"><div class="zh">主题切换</div><div class="en">ThemeSwitcher</div></a>
|
|
<a class="card" data-slug="layoutswitcher" href="layoutswitcher.html"><div class="zh">布局切换</div><div class="en">LayoutSwitcher</div></a>
|
|
<a class="card" data-slug="densityswitcher" href="densityswitcher.html"><div class="zh">密度切换</div><div class="en">DensitySwitcher</div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../site/logger.js"></script>
|
|
<script>
|
|
(function () {
|
|
if (!window.aaLogger) return;
|
|
var s = window.aaLogger.summary();
|
|
var p = document.getElementById('passed');
|
|
var f = document.getElementById('failed');
|
|
if (p) p.textContent = '通过：' + s.testPass;
|
|
if (f) f.textContent = '失败：' + s.testFail;
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|