diff options
| author | shu <nvcsadjkojf@outlook.com> | 2026-09-06 17:52:06 +0800 |
|---|---|---|
| committer | shu <nvcsadjkojf@outlook.com> | 2026-09-06 17:52:06 +0800 |
| commit | a0df82a3e4b42334793a6c3d7139c9f24ee22e0d (patch) | |
| tree | 5b03f163c37f5fa9d0cf244f15b016b892d604e8 /src/UiKit.module.css | |
| parent | fb14fbe0a3ecc801f010a7a429e30ddc57d9f2e4 (diff) | |
新增 UI Kit 页面并展示 Mantine 常用组件交互
- 添加 /ui-kit 懒加载路由与菜单入口,按类别组织组件示例
- 展示按钮、Alert、Tabs、Menubar、加载动画和加载遮罩
- 展示页面内 Notification 和独立通知容器,支持成功、错误提示与关闭
- 添加 Drawer、Dialog、Modal、Popover、Tooltip 的打开、关闭及操作示例
- 展示可收藏 Card、Badge、DataList 和 Timeline
- 添加示例数据表格及分页器,切换页码时更新实际展示记录
- 使用 CSS Modules 管理页面样式,适配移动端抽屉、弹层和表格滚动
验证:pnpm build、pnpm lint、git diff --check 均通过。
浏览器检查通过:标签切换、菜单操作、通知、收藏、分页、加载结束、弹层交互、键盘 Tooltip 及移动端溢出检查;未发现运行时异常。
Diffstat (limited to 'src/UiKit.module.css')
| -rw-r--r-- | src/UiKit.module.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src/UiKit.module.css b/src/UiKit.module.css new file mode 100644 index 0000000..a0df9f0 --- /dev/null +++ b/src/UiKit.module.css @@ -0,0 +1,14 @@ +.section { + min-width: 0; +} + +.loadingExample { + position: relative; + padding: var(--mantine-spacing-md); + border: 1px solid var(--mantine-color-default-border); + border-radius: var(--mantine-radius-default); +} + +.dialog { + max-width: calc(100vw - 2 * var(--mantine-spacing-md)); +} |
