|
@@ -44,7 +44,7 @@ export default async function AboutPage({ params }: Props) {
|
|
|
{/* 人物照片 */}
|
|
{/* 人物照片 */}
|
|
|
<div className="w-full sm:w-[45%] shrink-0 overflow-hidden rounded-2xl border border-[#b89458]/30 bg-[#0a1120] relative aspect-[3/4]">
|
|
<div className="w-full sm:w-[45%] shrink-0 overflow-hidden rounded-2xl border border-[#b89458]/30 bg-[#0a1120] relative aspect-[3/4]">
|
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
|
- <img src="" alt="崔家骏" className="h-full w-full object-cover object-[78%_45%]" />
|
|
|
|
|
|
|
+ <img src="/teacher.jpg" alt="崔家骏" className="h-full w-full object-cover object-[78%_45%]" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
{/* 头衔与书籍 */}
|
|
{/* 头衔与书籍 */}
|
|
@@ -67,14 +67,19 @@ export default async function AboutPage({ params }: Props) {
|
|
|
{/* 书籍展示区 */}
|
|
{/* 书籍展示区 */}
|
|
|
<div className="flex gap-4 w-full">
|
|
<div className="flex gap-4 w-full">
|
|
|
{[
|
|
{[
|
|
|
- { year: 2017, title: "原油投资" },
|
|
|
|
|
- { year: 2018, title: "黄金白银" },
|
|
|
|
|
- { year: 2024, title: "认识黄金" }
|
|
|
|
|
|
|
+ { year: 2017, title: "原油投资", cover: "/book1.jpg" },
|
|
|
|
|
+ { year: 2018, title: "黄金白银", cover: "/book2.jpg" },
|
|
|
|
|
+ { year: 2024, title: "认识黄金", cover: "/book3.jpg" }
|
|
|
].map((book) => (
|
|
].map((book) => (
|
|
|
<div key={book.year} className="flex-1 text-center group">
|
|
<div key={book.year} className="flex-1 text-center group">
|
|
|
<div className="aspect-[2/3] w-full rounded-lg border border-[#b89458]/30 bg-[#0f1b2e] flex flex-col items-center justify-center p-2 mb-3 shadow-inner group-hover:border-[#b89458] transition-colors relative overflow-hidden">
|
|
<div className="aspect-[2/3] w-full rounded-lg border border-[#b89458]/30 bg-[#0f1b2e] flex flex-col items-center justify-center p-2 mb-3 shadow-inner group-hover:border-[#b89458] transition-colors relative overflow-hidden">
|
|
|
<div className="absolute inset-0 bg-gradient-to-tr from-[#b89458]/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
|
|
<div className="absolute inset-0 bg-gradient-to-tr from-[#b89458]/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
|
|
|
- <span className="text-[10px] text-[#f3deae]/70 leading-tight">{book.title}</span>
|
|
|
|
|
|
|
+ {/* eslint-disable-next-line @next/next/no-img-element */}
|
|
|
|
|
+ <img
|
|
|
|
|
+ src={book.cover}
|
|
|
|
|
+ alt={book.title}
|
|
|
|
|
+ className="h-full w-full rounded-md object-cover"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
<span className="text-xs font-medium text-[#889abb]">{book.year}</span>
|
|
<span className="text-xs font-medium text-[#889abb]">{book.year}</span>
|
|
|
</div>
|
|
</div>
|