27 lines
833 B
React
27 lines
833 B
React
import React from 'react';
|
|
import './QuickNav.css';
|
|
|
|
const DEFAULT_ITEMS = [
|
|
{ icon: '📊', label: '数据看板' },
|
|
{ icon: '👥', label: '用户管理' },
|
|
{ icon: '📦', label: '订单管理' },
|
|
{ icon: '⚙️', label: '系统设置' },
|
|
{ icon: '📝', label: '审批中心' },
|
|
{ icon: '🔔', label: '消息通知' },
|
|
{ icon: '📁', label: '文件中心' },
|
|
{ icon: '🛡️', label: '权限管理' }
|
|
];
|
|
|
|
export default function QuickNav({ items = DEFAULT_ITEMS, onSelect }) {
|
|
return (
|
|
<div className="aa-quicknav">
|
|
{items.map((it, i) => (
|
|
<div key={i} className="aa-quicknav-item" onClick={() => onSelect && onSelect(it)}>
|
|
<div className="aa-quicknav-icon">{it.icon}</div>
|
|
<div className="aa-quicknav-label">{it.label}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|