0.3.1.2

app/members/new/page.tsx

@@ -1,15 +1,17 @@
 "use client"
 
+import { ChineseCard, ChineseCardContent, ChineseCardHeader, ChineseCardTitle } from "@/components/ui/chinese-card"
 import { useRouter, useSearchParams } from "next/navigation"
 import { useFamily } from "@/context/family-context"
 import { SiteHeader } from "@/components/site-header"
 import { MemberForm } from "@/components/members/member-form"
 import { Button } from "@/components/ui/button"
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { ArrowLeft, UserPlus } from "lucide-react"
+import { UserPlus } from "lucide-react"
 import type { FamilyMember } from "@/types/family"
 import { useMemo, useEffect, useState } from "react"
 import { useSession } from "next-auth/react"
+import { BackButton } from "@/components/ui/back-button"
 
 export default function NewMemberPage() {
   const router = useRouter()
@@ -146,21 +148,12 @@ export default function NewMemberPage() {
           {/* 固定头部区域 */}
           <div className="flex-shrink-0 pb-4 border-b border-border">
             {/* 返回按钮 */}
-            <div className="py-4">
-              <Button 
-                variant="ghost" 
-                onClick={() => router.back()}
-                className="gap-2 pl-0 hover:bg-transparent hover:text-primary text-2xl font-bold"
-              >
-                <ArrowLeft className="h-6 w-6" />
-                返回
-              </Button>
-            </div>
+            <BackButton onClick={() => router.back()} />
 
             {/* Header Section */}
             <div className="flex flex-col md:flex-row justify-between items-start gap-6 pb-4">
               <div className="flex items-start gap-6">
-                <div className="h-24 w-24 rounded-lg bg-muted flex items-center justify-center border-2 border-primary/20 overflow-hidden">
+                <div className={`h-24 w-24 rounded-lg bg-muted flex items-center justify-center border-2 ${isFirstMember ? 'border-amber-400 bg-amber-50/30' : 'border-primary/20'} overflow-hidden`}>
                   {isFirstMember ? (
                     <span className="text-4xl">👑</span>
                   ) : (
@@ -208,7 +201,7 @@ export default function NewMemberPage() {
 
             {/* Tab 导航栏 */}
             <TabsList className="flex flex-wrap gap-2 bg-muted/70 p-1 w-fit">
-              <TabsTrigger value="info">详细信息</TabsTrigger>
+              <TabsTrigger value="info">基本信息</TabsTrigger>
               <TabsTrigger value="details">详细资料</TabsTrigger>
               <TabsTrigger value="photos">生平影像</TabsTrigger>
               <TabsTrigger value="stories">家族故事</TabsTrigger>