-
-
-
+
@@ -145,137 +192,271 @@ export default function ArticleDetail() {
keywords: article.标签ID列表?.map(t => t.标签名称).join(',')
}}
>
-
+
-
+
+
+
+
+
-
-
- {/* Article Header */}
-
-
-
- {article.分类ID?.分类名称 || '未分类'}
-
- {article.标签ID列表?.map((tag, index) => (
-
- {tag.标签名称}
-
- ))}
-
+
+
+ {/* Main Content - Left Column (75%) */}
+
+ {/* Article Header */}
+
-
-
-
- {/* Resource Download / Paywall Section */}
-
+
-
- {/* Cover Image */}
- {article.封面图 && (
-
+
+ {article.分类ID?.分类名称 || '未分类'}
+
+ {article.标签ID列表?.map((tag, index) => (
+
+ {tag.标签名称}
+
+ ))}
+
- - {article.文章标题} -
++ {article.文章标题} +
-
-
-
-
-
-
-
- 阅读 {article.统计数据?.阅读数 || 0}
-
-
- 
-
- )}
-
- {/* Article Content */}
-
- {hasAccess ? (
-
-
-
- {article.资源属性 ? (
-
);
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 6b0921f..56da160 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
-import { Loader2 } from 'lucide-react';
+import { Loader2, Mail, Lock, ArrowRight, Sparkles } from 'lucide-react';
import { useAuth } from '@/hooks/useAuth';
import { Button } from '@/components/ui/button';
@@ -17,7 +17,7 @@ import {
FormMessage,
} from '@/components/ui/form';
import { Input } from '@/components/ui/input';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import { Checkbox } from '@/components/ui/checkbox';
const formSchema = z.object({
email: z.string().email({ message: "请输入有效的邮箱地址" }),
@@ -69,25 +69,59 @@ export default function LoginPage() {
}
return (
-
-
- {article.资源属性 ? (
-
-
-
- {/* Comments Section */}
-
- 下载链接
-
- {article.资源属性.下载链接}
-
+
+
+
+
+ {/* Comments Section */}
+
+
+ {/* Sidebar - Right Column (25%) */}
+
+
+
+ {/* Cover Image */}
+ {article.封面图 && (
+
+
+
+
- {article.资源属性.提取码 && (
-
- 提取码
-
+
+
+
- {article.资源属性.提取码}
-
+
+
+
+
+
+
+ )}
+
+ {/* Article Content */}
+
+ {/* Resource Card */}
+
+
+
+
+
+
+
+
+
+
+
+ 资源价格
+
+
+ {/* Resource Attributes (Version, Size, etc.) */}
+ {article.资源属性 && (
+
+
+ {article.价格 > 0 ? `¥${article.价格}` : '免费'}
+
+ {article.价格 > 0 && / 永久}
+
+
+ {article.资源属性.版本号 && (
+
+ )}
+
+ {hasAccess ? (
+
+
+ )}
+ {article.资源属性.文件大小 && (
+
+
+ )}
+ {article.资源属性.扩展属性?.map((attr, idx) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
- ) : (
-
+
- )}
- {article.资源属性.解压密码 && (
-
- 解压密码
-
+ ) : (
+
- {article.资源属性.解压密码}
-
+
+ {article.资源属性 && (
+
+
+
+ {article.资源属性.提取码 && (
+
+ )}
+
+ 提取码: {article.资源属性.提取码}
+
+
+ )}
+
+ {article.资源属性.解压密码 && (
+
+ 解压密码: {article.资源属性.解压密码}
+
+
+ )}
+
+ {article.资源属性.隐藏内容 && (
+
+
+ )}
+
+
+ {article.资源属性.隐藏内容}
+
+
+
+ {article.支付方式 === 'membership_free' ? (
+
+ )}
+
+
+
+
+ ) : (
+
+
+
+ )}
+
+
+
+
+
+ {/* Recent Posts Card */}
+
+
+ {article.统计数据?.阅读数 || 0}
+ 浏览次数
+
+
+ {article.统计数据?.销量 || 0}
+ 最近售出
+
+ {recentArticles.length > 0 ? (
+ recentArticles.map((item, index) => (
+
+
- ) : (
-
+ {item.封面图 ? (
+
+
+
+ )}
+
+
+
+ ))
+ ) : (
+ + {item.文章标题} +
+
+ {format(new Date(item.createdAt), 'MM-dd')}
+
+
+ 暂无推荐
)}
此资源暂无下载信息
- )} -
-
- )}
+
-
- - 此内容需要付费查看 -
-- 购买此资源或开通会员，即可解锁全文及下载链接，享受更多优质内容。 -
- -
-
-
-
-
-
-
- 登录账号
-
- 请输入您的邮箱和密码进行登录
-
-
-
+
+ {/* Left Panel - Visual & Branding */}
+
);
}
diff --git a/src/pages/auth/register.tsx b/src/pages/auth/register.tsx
index c3a3cd2..659b8ba 100644
--- a/src/pages/auth/register.tsx
+++ b/src/pages/auth/register.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import * as z from 'zod';
-import { Loader2 } from 'lucide-react';
+import { Loader2, User, Mail, Lock, ArrowRight, Sparkles } from 'lucide-react';
import { Button } from '@/components/ui/button';
import {
@@ -16,7 +16,6 @@ import {
FormMessage,
} from '@/components/ui/form';
import { Input } from '@/components/ui/input';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
const formSchema = z.object({
username: z.string().min(2, { message: "用户名至少需要2个字符" }),
@@ -76,15 +75,46 @@ export default function RegisterPage() {
}
return (
-
+ {/* Abstract Background */}
+
+
+
+ {/* Content */}
+
+
+ {/* Right Panel - Login Form */}
+
+
+
+
+
+
+
+ AOUN AI
+
+
+ 释放您的
+
+
+
+ 释放您的
+ 无限创意潜能
+
+ + 加入数万名创作者的行列，利用最先进的 AI 技术，将您的想法瞬间转化为现实。 +
+
+ © 2024 AOUN AI. All rights reserved.
+
+
+
+
-
+
+
+
-
- 欢迎回来
+请输入您的账号信息以继续
+- 还没有账号？{' '} - - 立即注册 + +
+
+
+
+
+
+
+
+ 还没有账号？
+
+
+
+
+ 免费注册账号
-
-
-
+
+
-
-
- 注册账号
-
- 创建一个新账号以开始使用
-
-
-
+ ([]);
- const [categories, setCategories] = useState([]);
- const [tags, setTags] = useState([]);
+ const [articles, setArticles] = useState([]);
+ const [categories, setCategories] = useState([]);
+ const [tags, setTags] = useState([]);
const [loading, setLoading] = useState(true);
const [activeCategory, setActiveCategory] = useState('all');
- const [banners, setBanners] = useState([]);
+ const [banners, setBanners] = useState([]);
useEffect(() => {
fetchData();
@@ -108,7 +151,16 @@ export default function Home() {
) : (
+ {/* Left Panel - Visual & Branding */}
+
);
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f0d404b..d7d7c16 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,13 +6,56 @@ import Sidebar from '@/components/home/Sidebar';
import { Button } from '@/components/ui/button';
import { Loader2 } from 'lucide-react';
+interface Article {
+ _id: string;
+ 文章标题: string;
+ 摘要?: string;
+ 封面图?: string;
+ 作者ID?: {
+ 用户名: string;
+ 头像: string;
+ };
+ 分类ID?: {
+ 分类名称: string;
+ };
+ 标签ID列表?: {
+ 标签名称: string;
+ }[];
+ 统计数据: {
+ 阅读数: number;
+ 点赞数: number;
+ 评论数: number;
+ };
+ 价格?: number;
+ createdAt: string;
+}
+
+interface Category {
+ _id: string;
+ 分类名称: string;
+ 别名: string;
+}
+
+interface Tag {
+ _id: string;
+ 标签名称: string;
+}
+
+interface Banner {
+ 标题: string;
+ 描述: string;
+ 图片地址: string;
+ 按钮文本: string;
+ 按钮链接: string;
+}
+
export default function Home() {
- const [articles, setArticles] = useState
+ {/* Abstract Background */}
+
+
+
+ {/* Content */}
+
+
+ {/* Right Panel - Register Form */}
+
+
+
+
+
+
+
+ AOUN AI
+
+
+ 开启您的
+
+
+
+ 开启您的
+ 智能创作之旅
+
+ + 注册即可获得 AI 积分，体验 GPT-4、Claude 3 等顶级模型的强大能力。 +
+
+ © 2024 AOUN AI. All rights reserved.
+
+
+
+
-
+
+
+
-
- 创建账号
+填写以下信息以完成注册
+- 已有账号？{' '} - - 立即登录 + +
+
+
+
+
+
+
+
+ 已有账号？
+
+
+
+
+ 直接登录
-
-
-
+
+
{articles.map(article => (
-
)}