88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
|
import { Tabs } from 'antd';
|
||
|
|
import {
|
||
|
|
VideoCameraOutlined,
|
||
|
|
FileTextOutlined,
|
||
|
|
CustomerServiceOutlined,
|
||
|
|
ReadOutlined,
|
||
|
|
BookOutlined
|
||
|
|
} from '@ant-design/icons';
|
||
|
|
import { VideoContent } from './VideoContent';
|
||
|
|
import { CourseContent } from './CourseContent';
|
||
|
|
import { MusicContent } from './MusicContent';
|
||
|
|
import { ScienceContent } from './ScienceContent';
|
||
|
|
import { MoreContent } from './MoreContent';
|
||
|
|
import './pt.css';
|
||
|
|
|
||
|
|
export function PsychologyNav() {
|
||
|
|
const items = [
|
||
|
|
// {
|
||
|
|
// key: 'more',
|
||
|
|
// label: (
|
||
|
|
// <span className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
|
||
|
|
// <BookOutlined className="text-lg" />
|
||
|
|
// <span>宣传报道</span>
|
||
|
|
// </span>
|
||
|
|
// ),
|
||
|
|
// children: <VideoContent />
|
||
|
|
// },
|
||
|
|
// {
|
||
|
|
// key: 'music',
|
||
|
|
// label: (
|
||
|
|
// <span className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
|
||
|
|
// < ReadOutlined className="text-lg" />
|
||
|
|
// <span>常识科普</span>
|
||
|
|
// </span>
|
||
|
|
// ),
|
||
|
|
// children: <VideoContent />
|
||
|
|
// },
|
||
|
|
// {
|
||
|
|
// key: 'courses',
|
||
|
|
// label: (
|
||
|
|
// <span className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
|
||
|
|
// <VideoCameraOutlined className="text-lg" />
|
||
|
|
// <span>案例分析</span>
|
||
|
|
// </span>
|
||
|
|
// ),
|
||
|
|
// children: <VideoContent />
|
||
|
|
// },
|
||
|
|
{
|
||
|
|
key: 'science',
|
||
|
|
label: (
|
||
|
|
<span className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
|
||
|
|
< FileTextOutlined className="text-lg" />
|
||
|
|
<span>心理课件</span>
|
||
|
|
</span>
|
||
|
|
),
|
||
|
|
children: <VideoContent />
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'vedio',
|
||
|
|
label: (
|
||
|
|
<span className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
|
||
|
|
<CustomerServiceOutlined className="text-lg" />
|
||
|
|
<span>音视频</span>
|
||
|
|
</span>
|
||
|
|
),
|
||
|
|
children: <MusicContent />
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
];
|
||
|
|
return (
|
||
|
|
<div className="w-full from bg-white rounded-lg shadow-md">
|
||
|
|
<Tabs
|
||
|
|
defaultActiveKey="videos"
|
||
|
|
items={items}
|
||
|
|
className="psychology-tabs"
|
||
|
|
tabBarStyle={{
|
||
|
|
margin: 0,
|
||
|
|
padding: '12px 16px 0',
|
||
|
|
borderBottom: '1px solid #f0f0f0'
|
||
|
|
}}
|
||
|
|
tabBarGutter={200}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
}
|
||
|
|
export default PsychologyNav;
|