WZY/xhs_front/src/components/Header.jsx

import React from 'react'
import { User } from 'lucide-react'
import '../App.css' // 或者单独的 Header.css

export default function Header() {
  return (
    <header className="header">
      <div className="header-left">
        <div className="logo">小红书</div>
        <h1 className="header-title">创作服务平台</h1>
      </div>
      <div className="header-right">
        <div className="user-info">
          <User size={16} />
          <span>小红薯63081EA1</span>
        </div>
      </div>
    </header>
  )
}