feat: 更新样式管理和依赖配置
- 移除旧的 CSS 文件,改用 Tailwind CSS 进行样式管理 - 更新 tsconfig 和 Vite 配置以支持路径别名 - 添加 Node 类型定义以增强 TypeScript 支持
This commit is contained in:
1 parent
8b32e84206
commit
33121e3f6d
19 files changed
+100
-69
No files matched your search
@@ -1,18 +0,0 @@
|
||||
@reference "tailwindcss";
|
||||
|
||||
.container {
|
||||
@apply text-center;
|
||||
}
|
||||
|
||||
.title {
|
||||
@apply text-4xl font-bold mb-4;
|
||||
}
|
||||
|
||||
.description {
|
||||
@apply text-lg mb-4;
|
||||
}
|
||||
|
||||
.actions {
|
||||
@apply flex gap-4 justify-center;
|
||||
}
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
import { Link } from "react-router-dom";
|
||||
import { Button } from "../../components/common";
|
||||
import styles from "./About.module.css";
|
||||
import { Button } from "@/components/common";
|
||||
|
||||
export function About() {
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<h1 className={styles.title}>关于我们</h1>
|
||||
<p className={styles.description}>这是关于页面</p>
|
||||
<div className={styles.actions}>
|
||||
<div className="text-center">
|
||||
<h1 className="mb-4 text-4xl font-bold">关于我们</h1>
|
||||
<p className="mb-4 text-lg">这是关于页面</p>
|
||||
<div className="flex justify-center gap-4">
|
||||
<Link to="/">
|
||||
<Button variant="secondary">返回首页</Button>
|
||||
</Link>
|
||||
|
||||
@@ -1,22 +0,0 @@
|
||||
.container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1rem;
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -1,13 +1,12 @@
|
||||
import { Link } from "react-router-dom";
|
||||
import { Button } from "../../components/common";
|
||||
import styles from "./Home.module.css";
|
||||
import { Button } from "@/components/common";
|
||||
|
||||
export function Home() {
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<h1 className={styles.title}>首页</h1>
|
||||
<p className={styles.description}>欢迎来到首页</p>
|
||||
<div className={styles.actions}>
|
||||
<div className="text-center">
|
||||
<h1 className="mb-4 text-4xl font-bold">首页</h1>
|
||||
<p className="mb-4 text-lg">欢迎来到首页</p>
|
||||
<div className="flex justify-center gap-4">
|
||||
<Link to="/about">
|
||||
<Button>关于我们</Button>
|
||||
</Link>
|
||||
|
||||
Reference in new issue
Block a user