mirror of https://gitee.com/antv-l7/antv-l7
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
// eslint-disable-next-line no-unused-vars
|
||
import React from 'react';
|
||
import '../../css/dipper.css';
|
||
|
||
interface DipperProps {
|
||
dipper: {
|
||
title: string;
|
||
image: string;
|
||
link: string
|
||
}[]
|
||
}
|
||
|
||
export function Dipper(props: DipperProps) {
|
||
const { dipper } = props;
|
||
|
||
const jumoDemo = (url: string) => {
|
||
window.open(url, '_blank');
|
||
};
|
||
|
||
return (
|
||
<div className='dippercontainer'>
|
||
<div className='title'>Dipper 地理分析应用开发框架</div>
|
||
<div className='subtitle'>Dipper 是基于 L7 地理分析应用开发框架，用于快速构建和开发地理分析应用。用户通过组件化、模块化低代码的方式配置地图分析、指挥类应用。</div>
|
||
<div className='dipperdemo'>
|
||
{dipper.map(item => {
|
||
return (
|
||
<div key={item.title} className='dipperitem' >
|
||
<img className='dipperimg' src={item.image} />
|
||
<span style={{cursor:'pointer'}} className='dippertitle'>{item.title}</span>
|
||
</div>
|
||
);
|
||
})}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|