docs(site): update site

This commit is contained in:
thinkinggis 2019-11-21 20:15:06 +08:00
parent 27c2c8038d
commit 0ee96bc898
4 changed files with 65 additions and 25 deletions

View File

@ -25,6 +25,9 @@
"access": "public" "access": "public"
}, },
"dependencies": { "dependencies": {
"@antv/l7": "2.0.0-beta.4" "@l7/core": "0.0.1",
"@l7/scene": "0.0.1",
"@l7/layers": "0.0.1",
"@l7/component": "0.0.1"
} }
} }

View File

@ -4,4 +4,4 @@ export * from '@l7/scene';
// @ts-ignore // @ts-ignore
export * from '@l7/layers'; export * from '@l7/layers';
// @ts-ignore // @ts-ignore
export * from '@l7/component'; export * from '@l7/component';

View File

@ -12,7 +12,7 @@
"继续了解": "More", "继续了解": "More",
"更新": "Update", "更新": "Update",
"下载使用":"Download", "下载使用":"Download",
"浅色色板": "Light Theme", "浅版精彩案例": "Light Theme",
"深色色板": "Dark Theme", "深版精彩案例": "Dark Theme",
"一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly." "一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。" : "We have summarized a series of story design templates from lots of real geospatial data visualization cases, so that users can use them directly."
} }

View File

@ -4,9 +4,9 @@ import Cases from '@antv/gatsby-theme-antv/site/components/Cases';
import Companies from '@antv/gatsby-theme-antv/site/components/Companies'; import Companies from '@antv/gatsby-theme-antv/site/components/Companies';
import Features from '@antv/gatsby-theme-antv/site/components/Features'; import Features from '@antv/gatsby-theme-antv/site/components/Features';
import SEO from '@antv/gatsby-theme-antv/site/components/Seo'; import SEO from '@antv/gatsby-theme-antv/site/components/Seo';
import '../css/home.css';
import React from 'react'; import React from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import '../css/home.css';
const IndexPage = () => { const IndexPage = () => {
const { t, i18n } = useTranslation(); const { t, i18n } = useTranslation();
@ -34,14 +34,46 @@ const IndexPage = () => {
}, },
]; ];
const companies = [ const companies = [
{ name: '阿里云', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ' }, {
{ name: '支付宝', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ', }, name: '阿里云',
{ name: '天猫', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ', }, img:
{ name: '淘宝网', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ', }, 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*V_xMRIvw2iwAAAAAAAAAAABkARQnAQ',
{ name: '网商银行', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ', }, },
{ name: '盒马',img: 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ', }, {
{ name: 'yunos', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ', }, name: '支付宝',
{ name: '菜鸟', img: 'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ', }, img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*lYDrRZvcvD4AAAAAAAAAAABkARQnAQ',
},
{
name: '天猫',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*BQrxRK6oemMAAAAAAAAAAABkARQnAQ',
},
{
name: '淘宝网',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*1l8-TqUr7UcAAAAAAAAAAABkARQnAQ',
},
{
name: '网商银行',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*ZAKFQJ5Bz4MAAAAAAAAAAABkARQnAQ',
},
{
name: '盒马',
img:
'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*ePJMQZCb8vkAAAAAAAAAAABkARQnAQ',
},
{
name: 'yunos',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*_js7SaNosUwAAAAAAAAAAABkARQnAQ',
},
{
name: '菜鸟',
img:
'https://gw.alipayobjects.com/mdn/rms_2274c3/afts/img/A*TgV-RZDODJIAAAAAAAAAAABkARQnAQ',
},
]; ];
const bannerButtons = [ const bannerButtons = [
{ {
@ -66,21 +98,27 @@ const IndexPage = () => {
const cases = [ const cases = [
{ {
logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ', logo:
title: t('浅色色板'), 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
description: t('一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。'), title: t('浅版精彩案例'),
description: t(
'一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。',
),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*RPxeQZ8Uk7EAAAAAAAAAAABkARQnAQ',
}, },
{ {
logo:'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ', logo:
title: t('深色色板'), 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*gjBmT56SDgsAAAAAAAAAAABkARQnAQ',
description: t('一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。'), title: t('深版精彩案例'),
description: t(
'一个个真实的地理数据可视化案例,将复杂的地理数据,通过简单易用的API接口,让用户达到开箱即用的效果。',
),
link: `/${i18n.language}/examples/gallery/basic`, link: `/${i18n.language}/examples/gallery/basic`,
image: image:
'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ', 'https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*B8rtTpvkqTgAAAAAAAAAAABkARQnAQ',
} },
]; ];
return ( return (
@ -89,7 +127,9 @@ const IndexPage = () => {
<Banner <Banner
coverImage={ coverImage={
<img <img
className="cover-image" width="100%"
class="Notification-module--number--31-3Z"
style={{ marginLeft: '125px', marginTop: '50px' }}
src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cCI7RaJs46AAAAAAAAAAAABkARQnAQ" src="https://gw.alipayobjects.com/mdn/antv_site/afts/img/A*cCI7RaJs46AAAAAAAAAAAABkARQnAQ"
/> />
} }
@ -104,10 +144,7 @@ const IndexPage = () => {
/> />
<Features features={features} style={{ width: '100%' }} /> <Features features={features} style={{ width: '100%' }} />
<Cases style={{ width: '102%' }} cases={cases} /> <Cases style={{ width: '102%' }} cases={cases} />
<Companies <Companies title={t('感谢信赖')} companies={companies} />
title={t('感谢信赖')}
companies={companies}
/>
</> </>
); );
}; };