| @@ -44,7 +44,7 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Link to={{ pathname: `/sciencetechnologypark/detail?id=${item.id}` }} target='_blank'> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.cover_img}`} width={100} height={100}></Image> | |||
| @@ -49,7 +49,7 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Col span={12}> | |||
| <Link to={{ pathname: `/talent/information/detail?id=${item.id}` }} target="_blank" style={{ color: '#000000' }}> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target="_blank" style={{ color: '#000000' }}> | |||
| <Card | |||
| cover={ | |||
| <> | |||
| @@ -59,7 +59,6 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| paddingTop: '56.25%', /* 16:9 的比例 */ | |||
| overflow: 'hidden' | |||
| }}> | |||
| <Link to={{ pathname: '/talent/home' }} target='_blank'> | |||
| <img src={`${Imageprefix}${item.cover_img}`} style={{ | |||
| position: 'absolute', | |||
| top: 0, | |||
| @@ -67,7 +66,6 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| width: '100%', | |||
| height: '100%', | |||
| }} /> | |||
| </Link> | |||
| </div> | |||
| </> | |||
| @@ -44,7 +44,7 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Link to={{ pathname: `/sciencetechnologypark/detail?id=${item.id}` }} target='_blank'> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.cover_img}`} width={100} height={100}></Image> | |||
| @@ -3,12 +3,20 @@ import { ProList, PageContainer } from '@ant-design/pro-components'; | |||
| import { ConfigProvider, Button, Flex, Input, Space, Image, Segmented, Row, Col, Tabs, Tag, Card, Avatar, Typography, Anchor } from 'antd'; | |||
| import { SearchOutlined, EllipsisOutlined, ArrowRightOutlined, StarOutlined } from '@ant-design/icons'; | |||
| import { useModel, connect, history, Link } from 'umi'; | |||
| import routes from './../../../../config/routes'; | |||
| const HomePage: React.FC = () => { | |||
| const [expanded, setExpanded] = useState(false); | |||
| // const [selectedTags, setSelectedTags] = useState<string[]>([routes[2].routes[0].name]); | |||
| // const handleChange = (tag: string, checked: boolean) => { | |||
| // const nextSelectedTags = checked | |||
| // ? [...selectedTags, tag] | |||
| // : selectedTags.filter((t) => t !== tag); | |||
| // console.log('You are interested in: ', nextSelectedTags); | |||
| // setSelectedTags(nextSelectedTags); | |||
| // }; | |||
| return ( | |||
| <> | |||
| @@ -62,16 +62,13 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| paddingTop: '18%', /* 16:9 的比例 */ | |||
| overflow: 'hidden' | |||
| }}> | |||
| <Link to={{ pathname: item.target_url }} target='_blank'> | |||
| <img src={Imageprefix + item.image_url} style={{ | |||
| position: 'absolute', | |||
| top: 0, | |||
| left: 0, | |||
| width: '100%', | |||
| height: '100%', | |||
| }} /> | |||
| </Link> | |||
| <img src={Imageprefix + item.image_url} style={{ | |||
| position: 'absolute', | |||
| top: 0, | |||
| left: 0, | |||
| width: '100%', | |||
| height: '100%', | |||
| }} /> | |||
| </div> | |||
| </div> | |||
| @@ -88,7 +85,7 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| <> | |||
| <Col span={12}> | |||
| <Link to={{ pathname: `/talent/information/detail?id=${item.id}` }} target="_blank" style={{ color: '#000000' }}> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target="_blank" style={{ color: '#000000' }}> | |||
| <Card | |||
| cover={ | |||
| <> | |||
| @@ -98,15 +95,13 @@ const ScienceTechnologyParkHomeIntroduction: React.FC = () => { | |||
| paddingTop: '56.25%', /* 16:9 的比例 */ | |||
| overflow: 'hidden' | |||
| }}> | |||
| <Link to={{ pathname: '/talent/home' }} target='_blank'> | |||
| <img src={`${Imageprefix}${item.cover_img}`} style={{ | |||
| position: 'absolute', | |||
| top: 0, | |||
| left: 0, | |||
| width: '100%', | |||
| height: '100%', | |||
| }} /> | |||
| </Link> | |||
| <img src={`${Imageprefix}${item.cover_img}`} style={{ | |||
| position: 'absolute', | |||
| top: 0, | |||
| left: 0, | |||
| width: '100%', | |||
| height: '100%', | |||
| }} /> | |||
| </div> | |||
| </> | |||
| @@ -48,7 +48,7 @@ const HomePage: React.FC = () => { | |||
| { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Link to={{ pathname: `/sciencetechnologypark/detail?id=${item.id}` }} target='_blank'> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.cover_img}`} width={100} height={100}></Image> | |||
| @@ -47,8 +47,8 @@ const HomePage: React.FC = () => { | |||
| { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Link to={{ pathname: `/sciencetechnologypark/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Link to={{ pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', color: '#000000', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.cover_img}`} width={100} height={100}></Image> | |||
| <h3>{item.title}</h3> | |||
| @@ -47,19 +47,21 @@ const HomePage: React.FC = () => { | |||
| list && list.length > 0 && list.map((item, index) => ( | |||
| <> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.image_url}`} width={100} height={100}></Image> | |||
| <h3>{item.title}</h3> | |||
| </Space> | |||
| <Space size={20}> | |||
| <div> | |||
| {item.updated_at} | |||
| </div> | |||
| <RightOutlined /> | |||
| </Space> | |||
| </Flex> | |||
| <Link to={{pathname: `/sciencetechnologypark/information/detail?id=${item.id}` }} target='_blank'> | |||
| <Flex justify='space-between' align='center' style={{ width: '100%', padding: '16px', color: '#000000', background: '#ffffff', borderRadius: 8, cursor: 'pointer' }}> | |||
| <Space size={20}> | |||
| <Image src={`${Imageprefix}${item.cover_img}`} width={100} height={100}></Image> | |||
| <h3>{item.title}</h3> | |||
| </Space> | |||
| <Space size={20}> | |||
| <div> | |||
| {item.updated_at} | |||
| </div> | |||
| <RightOutlined /> | |||
| </Space> | |||
| </Flex> | |||
| </Link> | |||
| </> | |||
| )) | |||
| } | |||