style(web): 侧栏仅保留模块菜单并补图标;内容区统一 Card wrapper 与页面背景区分
douyin-release-gate / verify (push) Failing after 2m44s
douyin-release-gate / verify (push) Failing after 2m44s
- 侧栏 menuHeaderRender=false,折叠菜单只剩模块链接(标题由 TopNav 呈现) - 菜单补齐 10 个常用语义图标(账号导入/我的账号/监控账号/竞品分析/工作台/采集设置/任务中心/运行环境/网络出口/网关管理) - 列表与详情/新建/编辑页主内容统一 <Card variant=outlined> 包裹,对齐 pro 官方预览的灰底+白卡层次(17 处) - metadata.ts → metadata.tsx(菜单 icon 需 JSX);ScanEyeOutlined/ChatSettingsOutlined 在当前 @ant-design/icons 不存在,改用 EyeOutlined/CommentOutlined
This commit is contained in:
@@ -1,4 +1,16 @@
|
||||
import type { MenuDataItem } from '@ant-design/pro-components';
|
||||
import {
|
||||
CloudDownloadOutlined,
|
||||
UserOutlined,
|
||||
EyeOutlined,
|
||||
LineChartOutlined,
|
||||
CommentOutlined,
|
||||
SettingOutlined,
|
||||
ProfileOutlined,
|
||||
LaptopOutlined,
|
||||
ClusterOutlined,
|
||||
GatewayOutlined,
|
||||
} from '@ant-design/icons';
|
||||
|
||||
// 页头标题/副标题规则:语义对齐 web.archived/src/app/Layout.jsx 的 pageMetadataRules。
|
||||
const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: string }> = [
|
||||
@@ -25,26 +37,27 @@ const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: s
|
||||
{ test: (p) => p.startsWith('/gateways/'), title: '网关详情', subtitle: '查看网关连接信息和运行状态。' },
|
||||
];
|
||||
|
||||
// 菜单结构:与 web.archived/src/app/Layout.jsx 完全一致(运营 / 资源 两组)。
|
||||
// 菜单结构:与 web.archived/src/app/Layout.jsx 完全一致(运营 / 资源 两组);
|
||||
// icon 选用 antd 图标库里语义常见、用户一眼可识别的隐喻。
|
||||
export const menu: MenuDataItem[] = [
|
||||
{
|
||||
name: '运营',
|
||||
children: [
|
||||
{ path: '/accounts/import', name: '账号导入' },
|
||||
{ path: '/accounts', name: '我的账号' },
|
||||
{ path: '/accounts/monitoring', name: '监控账号' },
|
||||
{ path: '/creator/competitors', name: '竞品分析' },
|
||||
{ path: '/creator/workbench', name: '运营工作台' },
|
||||
{ path: '/creator/settings', name: '采集设置' },
|
||||
{ path: '/tasks', name: '任务中心' },
|
||||
{ path: '/accounts/import', name: '账号导入', icon: <CloudDownloadOutlined /> },
|
||||
{ path: '/accounts', name: '我的账号', icon: <UserOutlined /> },
|
||||
{ path: '/accounts/monitoring', name: '监控账号', icon: <EyeOutlined /> },
|
||||
{ path: '/creator/competitors', name: '竞品分析', icon: <LineChartOutlined /> },
|
||||
{ path: '/creator/workbench', name: '运营工作台', icon: <CommentOutlined /> },
|
||||
{ path: '/creator/settings', name: '采集设置', icon: <SettingOutlined /> },
|
||||
{ path: '/tasks', name: '任务中心', icon: <ProfileOutlined /> },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: '资源',
|
||||
children: [
|
||||
{ path: '/browsers', name: '运行环境' },
|
||||
{ path: '/network-exits', name: '网络出口' },
|
||||
{ path: '/gateways', name: '网关管理' },
|
||||
{ path: '/browsers', name: '运行环境', icon: <LaptopOutlined /> },
|
||||
{ path: '/network-exits', name: '网络出口', icon: <ClusterOutlined /> },
|
||||
{ path: '/gateways', name: '网关管理', icon: <GatewayOutlined /> },
|
||||
],
|
||||
},
|
||||
];
|
||||
Reference in New Issue
Block a user