@@ -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> | |||
</> | |||
)) | |||
} |