feat: 存储了

nkebao/src/pages/wechat-accounts/WechatAccounts.tsx

@@ -1,9 +1,10 @@
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { ChevronLeft, Search, RefreshCw, ArrowRightLeft, AlertCircle, Loader2 } from 'lucide-react';
+import { Search, RefreshCw, ArrowRightLeft, AlertCircle, Loader2 } from 'lucide-react';
 import { fetchWechatAccountList, transformWechatAccount } from '@/api/wechat-accounts';
 import { useToast } from '@/components/ui/toast';
 import { useWechatAccount } from '@/contexts/WechatAccountContext';
+import PageHeader from '@/components/PageHeader';
 
 interface WechatAccount {
   id: string;
@@ -150,24 +151,16 @@ export default function WechatAccounts() {
 
   return (
     <div className="min-h-screen bg-gray-50">
-      {/* 固定header */}
-      <header className="fixed top-0 left-0 right-0 z-20 bg-white border-b border-gray-200">
-        <div className="flex items-center px-4 py-3">
-          <button 
-            className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-            onClick={() => navigate(-1)}
-          >
-            <ChevronLeft className="h-5 w-5" />
-          </button>
-          <h1 className="ml-2 text-lg font-semibold">微信号</h1>
-        </div>
-      </header>
+      <PageHeader
+        title="微信号"
+        defaultBackPath="/"
+      />
 
       {/* 内容区域 */}
-      <div className="pt-16 pb-20">
+      <div className="pt-14 pb-20">
         <div className="p-4">
           {/* 搜索和操作栏 */}
-          <div className="bg-white p-4 rounded-xl shadow-sm border border-gray-100 mb-4">
+          <div className="bg-white p-4 rounded-xl shadow-sm border border-gray-100 mb-4 ">
             <div className="flex items-center space-x-3">
               <div className="relative flex-1">
                 <Search className="w-4 h-4 absolute left-3 top-3 text-gray-400" />