1 files changed, 19 insertions, 0 deletions
diff --git a/src/About.tsx b/src/About.tsx
new file mode 100644
index 0000000..21b4c1e
--- /dev/null
+++ b/src/About.tsx
@@ -0,0 +1,19 @@
+import { ActionIcon, Button, Group, Stack, Text, Title } from '@mantine/core'
+import { SlidersHorizontalIcon } from '@phosphor-icons/react'
+
+function About() {
+  return (
+    <Stack>
+      <Title order={1}>关于</Title>
+      <Text c="dimmed">A React + TypeScript starter built with Vite.</Text>
+      <Group gap="xs">
+        <Button variant="filled">Button</Button>
+        <ActionIcon variant="filled" aria-label="Settings">
+          <SlidersHorizontalIcon />
+        </ActionIcon>
+      </Group>
+    </Stack>
+  )
+}
+
+export default About