主要更新: - 更新代理商端文档,明确项目由品牌方分配流程 - 新增Brief配置详情页(已配置)设计稿 - 完善工作台紧急待办中品牌新任务功能 - 整理Pencil设计文件中代理商端页面顺序 - 新增后端FastAPI框架及核心API - 新增前端Next.js页面和组件库 - 添加.gitignore排除构建和缓存文件 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
26 lines
756 B
TypeScript
26 lines
756 B
TypeScript
'use client'
|
|
|
|
import { Signal, Wifi, BatteryFull } from 'lucide-react'
|
|
|
|
interface StatusBarProps {
|
|
time?: string
|
|
className?: string
|
|
}
|
|
|
|
export function StatusBar({ time = '9:41', className = '' }: StatusBarProps) {
|
|
return (
|
|
<div className={`flex items-center justify-between h-[44px] px-6 w-full ${className}`}>
|
|
<span className="text-text-primary font-semibold text-[17px]" style={{ fontFamily: 'Inter' }}>
|
|
{time}
|
|
</span>
|
|
<div className="flex items-center gap-1.5">
|
|
<Signal className="w-[18px] h-[18px] text-text-primary" />
|
|
<Wifi className="w-[18px] h-[18px] text-text-primary" />
|
|
<BatteryFull className="w-6 h-[18px] text-text-primary" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default StatusBar
|