phase1-final

frontend/src/components/layout/FrontLayout.tsx

@@ -60,6 +60,7 @@ const iconPaths: Record<string, JSX.Element> = {
 
 const FrontLayout: React.FC = () => {
   const { user, logout } = useAuth();
+  const { balance } = useBalance();
   const navigate = useNavigate();
   const [collapsed, setCollapsed] = useState(false);
 
@@ -97,6 +98,12 @@ const FrontLayout: React.FC = () => {
 
         {/* Navigation */}
         <nav className="sidebar-nav">
+          {!collapsed && balance !== null && (
+            <div className="nav-item balance-item">
+              <span className="nav-icon">&#36;</span>
+              <span className="nav-label">余额: &#36; {balance.toFixed(2)}</span>
+            </div>
+          )}
           <NavLink to="/" className={({ isActive }) => `nav-item nav-home-link`} end>
             <span className="nav-item-icon">
               <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>