| import React from 'react'; |
| import { Card, Typography, Button } from 'antd'; |
| import { ToolOutlined, CloudDownloadOutlined, AppstoreOutlined } from '@ant-design/icons'; |
| const { Title, Paragraph } = Typography; |
| const ToolsPage = () => ( |
| <div className="space-y-6"> |
| <Title level={2}>工具箱</Title> |
| <Paragraph className="text-slate-500"> |
| <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> |
| className="shadow-sm hover:shadow-md transition-shadow" |
| <Button type="link" className="mt-2">使用工具</Button> |
| extra={<CloudDownloadOutlined />} |
| className="shadow-sm hover:shadow-md transition-shadow" |
| <Button type="link" className="mt-2">使用工具</Button> |
| extra={<AppstoreOutlined />} |
| className="shadow-sm hover:shadow-md transition-shadow" |
| <p>解析并美化展示MediaInfo信息。</p> |
| <Button type="link" className="mt-2">使用工具</Button> |
| export default ToolsPage; |