Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP]Tradución ao Galego - Galician Translation #172

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
50 changes: 50 additions & 0 deletions README-gl_ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<p align="center">
<a href="http://landing.ant.design">
<img width="150px" height="150px" src="https://gw.alipayobjects.com/zos/rmsportal/hSYPdZJwZeXAgfkktcEu.svg"/>
</a>
</p>
<h1 align="center">Ant Design Landing</h1>

<div align="center">

Landing Pages of Ant Design System

[![Dependencies](https://img.shields.io/david/ant-design/ant-design-landing.svg)](https://david-dm.org/ant-design/ant-design-landing)
[![DevDependencies](https://img.shields.io/david/dev/ant-design/ant-design-landing.svg)](https://david-dm.org/ant-design/ant-design-landing?type=dev)

</div>

<div align="center">English | <a href="./README-zh_CN.md">简体中文</a></div>

## Que é Landing?

Landing é un modelo construído cos compoñentes animación de Ant Motion. Dispón dun fornecido modelo de páxina de inicio, descargando o paquete de código de modelo pódese empregar rapidamente. Tamén podes usar o editor para crear rapidamente a túa propia páxina dedicada.

<div align="center">
<a href="https://landing.ant.design/edit">Go Editing 📝</a>
</div>

## Características

- [Especificacións](https://landing.ant.design/docs/introduce)
- [Descarga](https://landing.ant.design/docs/download)
- [Responsivo](https://landing.ant.design/docs/guide/layout)

## Templates

Hai unha abundante variedade de modelos de páxina para descargar.

[![](https://user-images.githubusercontent.com/6802825/47977555-ac77b080-e0f3-11e8-90f3-6aa04cce5351.jpg)](http://landing.ant.design)

## Módulos

Diversos módulos, para poder configurar de xeito rápido e flexible a plantilla de páxina que desexes.

<div style="max-width: 600px">
<img src="https://user-images.githubusercontent.com/6802825/47980280-ec459480-e101-11e8-8a94-1ada4ff61faa.jpg" width="100%">
</div>

## Exemplo de angarellos - scaffolding

- [dva-cli-example](https://github.com/ant-motion/ant-motion-dva-cli-example)
- [umi-example](https://github.com/ant-motion/landing-umi-example)
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<h1 align="center">Ant Design Landing</h1>

<div align="center">

Landing Pages of Ant Design System

[![Dependencies](https://img.shields.io/david/ant-design/ant-design-landing.svg)](https://david-dm.org/ant-design/ant-design-landing)
Expand Down
22 changes: 22 additions & 0 deletions docs/cases.gl-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
---
order: 3
title:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

title: Caso de estudo

zh-CN: 实践案例
en-US: Case
gl-ES: Caso de estudo
---

Actualmente, existen moitos produtos externos creados, se queres tamén podes mostrar túa páxina aquí,,[Mensaxe de benvida](https://github.com/ant-design/ant-motion/issues/30)。

```__react
const casesData = [
{ title: 'Ant Technology official website', content: 'Ant fintech,New Forces of Digital Finance', url: 'https://tech.antfin.com/', img: 'https://gw.alipayobjects.com/zos/rmsportal/vHQCWlZGnFSYiPOnbluw.jpg' },
{ title: 'Ant Design Official website', content: 'Sistema de deseño de servizos para produtos empresariais.', url: 'https://ant.design/', img: 'https://gw.alipayobjects.com/zos/rmsportal/yYQUqTuAxwHzSgGEGqkE.jpg' },
{ title: 'Morpho Butterfly', content: 'Ofrecer servizos profesionais de construción de estacións en nube para satisfacer as necesidades individuais de distintas industrias', url: 'https://morpho.alipay.com/domain-intro', img: 'https://gw.alipayobjects.com/mdn/rms_ae7ad9/afts/img/A*YHa3S5yO6EsAAAAAAAAAAABkARQnAQ' },
{ title: 'Plataforma intelixente de deseño de materiais', content: 'Pasa menos tempo facendo máis materiais profesionais', url: 'https://chitu.alipay.com/', img: 'https://gw.alipayobjects.com/zos/rmsportal/aBwXHHpGMhIrnhUPUYVW.jpg' },
];

import React from 'react';
import Demo from '../site/theme/template/Other/Cases';
ReactDOM.render(<Demo data={casesData}/>, mountNode);
```
File renamed without changes.
21 changes: 21 additions & 0 deletions docs/download.gl-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
order: 4
title:
zh-CN: 设计资源
en-US: Download Sketch
gl-ES: Descargar bosquexo
---

Aquí están os recursos de deseño relacionados coas especificacións de deseño de **Ant Design**. Máis e mellores recursos de deseño están sendo creados e mellorados.

```__react
const downloadData = [
{ title: '基础模板', content: '百搭型产品 Landing 模板,拼搭自已的专属产品 Landing Page', name: 'basic', url: 'https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Landing.Template.sketch', img: 'https://gw.alipayobjects.com/mdn/rms_ae7ad9/afts/img/A*an5vQIKuBLgAAAAAAAAAAABkARQnAQ' },
{ title: 'Ant Design Home 3.0', content: 'Ant Design 首页的源文件', name: 'antd', url: 'https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.home-3.0.sketch', img: 'https://gw.alipayobjects.com/zos/rmsportal/JhuPtNExKmpFjYKxBSZg.jpg' },
{ title: 'Ant Design Landing', content: 'Ant Design Landing 首页的源文件', name: 'landing', url: 'https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Landings.home.noImg.sketch', img: 'https://gw.alipayobjects.com/mdn/rms_ae7ad9/afts/img/A*Ke86RZXx9SkAAAAAAAAAAABjARQnAQ' },
];

import React from 'react';
import Demo from '../site/theme/template/Other/Download';
ReactDOM.render(<Demo data={downloadData}/>, mountNode);
```
File renamed without changes.
155 changes: 155 additions & 0 deletions docs/edit/edit-block.gl-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
---
order: 0
category:
zh-CN: 编辑器教程
en-US: Edit-help
gl.ES: Titoría do Editor
title:
zh-CN: 编辑器使用介绍
en-US: Editor help
gl-ES: Introdución ao uso do Editor
---

这里我们将介绍如何使用编辑器与编辑器里的几块功能,如果在编辑过程中遇到任何问题,都可以在我们的 [issue](https://github.com/ant-design/ant-design-landing/issues) 或 `Hotjar` 里反馈。

## 区块介绍

主要分为四个编辑区块:

<img class="preview-img" align="right" alt="右上角功能条" description="提供树状选择与区块功能编辑" src="https://gw.alipayobjects.com/zos/rmsportal/zymxSqipeRCeobFxuQnP.png">

**顶部操作区块**
- 保存:对你当前编辑的代码进行保存。(注:数据库流量有限,请不要时时保存,编辑数据在本地会时时保存)
- 预览:时时查看你当前编辑
- 下载代码:下载当前编辑的区块代码,我们提供一个 `Home` 的文件包,详细可参考[开始使用](/docs/use/getting-started)
- 编辑数据:保存或粘帖你的编辑 json 数据
- 新建页面:新建页面或切换你以往新建的页面,下拉菜单上两个按钮功能:
- <img src="https://gw.alipayobjects.com/zos/rmsportal/zTiJvnQFzPgdEMsRjxvB.jpg" class="img-basic"/> 直接删除本地数据,更新为线上最后一次保存数据,不同机子上编辑时使用。
- <img src="https://gw.alipayobjects.com/zos/rmsportal/ZGylAJNxayVfdXMlYYcG.jpg" class="img-basic"/> 删除当前数据。

**添加内容区块**
- 添加内容:选择你需要的模块
- 编辑加密:对编辑器加密(加密功能需要保存,不然无效),加密后将编辑 ID 发送给别人,别人需输入密码才可编辑。
- 实例
- 视频教程
- 查看帮助

**内容编辑区块**
- PC 与无线端切换
- 内容区块编辑:主要编辑区域

**样式或其它编辑区块**
- Child、Props 和样式管理编辑: 详细查看下方
- 其它功能:整屏滚动与锚点

## 编辑区域功能介绍

### 选中元素后,右上角出现的功能条

<img class="preview-img" align="right" alt="右上角功能条" description="提供树状选择与区块功能编辑" src="https://gw.alipayobjects.com/zos/rmsportal/mMVKpRIxSQyyuzMocBnQ.jpg" >

- select 功能: 展示当前选择元素 ID, 下拉里展示当前元素树状父级元素(可选择)。
- Icon 区域,我们提供了 7 种 icon 编辑

<style>
.edit-icon-wrapper{
padding-left: 16px;
}
.edit-icon-wrapper ul li {
list-style-type: disc;
}
.edit-icon-demo{
color: #fff;
background: #2F54EB;
padding: 0 8px;
height: 24px;
border-radius: 4px;
display: inline-block;
text-align: center;
line-height: 24px;
}
</style>

```__react
import React from 'react';
import { Icon } from 'antd';

const iconData = [
{ icon: 'T', isText: true, content: '编辑当前文字内容。' },
{ icon: 'picture', content: '更改图片' },
{ icon: 'Ty', isText: true, content: 'rc-texty 专属的编辑当前文字内容。' },
{ icon: 'Icon', isText: true, content: 'ant deisgn icon 的编辑,只需输入 icon 的 type。' },
{ icon: 'paper-clip', content: '编辑链接。' },
{ icon: 'bars', content: '导航 Menu 编辑。' },
{ icon: 'video-camera', content: 'video 地址编辑。' },
];

function Demo() {
return (
<div className="edit-icon-wrapper">
<ul>
{iconData.map((item, i) => (
<li key={i.toString()}>
<span className="edit-icon-demo">
{item.isText ? item.icon : <Icon type={item.icon} />}
</span>
{' '}
{item.content}
</li>
))}
</ul>
</div>
);
}
ReactDOM.render(<Demo />, mountNode);
```

### 切换功能条

<img class="preview-img" align="right" alt="切换功能条" description="切换分屏的功能条" src="https://gw.alipayobjects.com/zos/rmsportal/tyeDqfxmDQtsSiUlhuSZ.jpg">

切换区块功能,在多图 banner 和多模块介绍里使用,主要功能:切换至下一屏,添加删除与排序区块。

### 移动区块功能条

<img class="preview-img" align="right" alt="移动区块功能条" description="上下移动区块与删除区块" src="https://gw.alipayobjects.com/zos/rmsportal/XZlMAEyydErXmkzSzbXY.jpg">

将区块移动到上一屏或下一屏的功能,并且可删除整个区块。

## 样式编辑区域功能介绍

### 子级内容编辑

子级可增删的时候出现在右侧的功能;

#### 基本子级编辑

<img class="preview-img" align="right" alt="子级增删" description="移动区块与删除区块" src="https://gw.alipayobjects.com/zos/rmsportal/wbovLkaLfSeczhXWJuVi.jpg">

添加时默认增加最后一条相同的数据。

#### 可选择添加类型

<img class="preview-img" align="right" alt="子级增删" description="可选择添加类型,移动区块与删除区块" src="https://gw.alipayobjects.com/zos/rmsportal/RWDgXBsrZEpDxAIflBNJ.jpg">

带添加类型的添加功能,此功能只限制于标题上使用。

### Props 编辑

如果是选择的元素是组件型式,我们提供相关的 props 编辑。

<img class="preview-img" align="right" alt="props 编辑" src="https://gw.alipayobjects.com/zos/rmsportal/yUWQkRSorCRiXCGlrCOM.jpg">

如 antd 的 Col 组件,可调整栅格大小。

### 样式编辑

<img class="preview-img" align="right" alt="样式编辑" src="https://gw.alipayobjects.com/zos/rmsportal/MGezUVWlekggsYPeZKLP.jpg">

调整当前元素的样式可视化编辑。提供主流功能,如没有你想要的功能可以在 `样式代码编辑` 里直接添加 css 样式,必需要添加正确的 css 格式内容,否则下载时将会出现代码格式化错误。

### 其它功能

<img class="preview-img" align="right" alt="其它功能" src="https://gw.alipayobjects.com/zos/rmsportal/MoOfsnZzXULUYsIOBNlD.jpg">

主要提供:页面锚点功能(`Link 导航` 与此功能相同)和整屏滚动。
File renamed without changes.
23 changes: 23 additions & 0 deletions docs/edit/video.gl-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
order: 1
category:
zh-CN: 编辑器教程
en-US: Edit-help
gl-ES: Axuda do editor
title:
zh-CN: 视频教程
en-US: Video help
gl-ES: Vídeo Axuda
---

```__react
import React from 'react';
function Demo(){
return (
<div style={{ padding: '16px', background: '#f2f4f5', }}>
<video controls width="100%" style={{ display: 'block' }} src="https://gw.alipayobjects.com/os/rmsportal/SarwPFyWpqKjipcHkZFI.mp4" />
</div>
)
}
ReactDOM.render(<Demo />, mountNode);
```
File renamed without changes.
65 changes: 65 additions & 0 deletions docs/guide/banner.gl-ES.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
---
order: 3
category:
zh-CN: 设计指引
en-US: Guide
gl-ES: Guía
title:
zh-CN: Banner 首屏
en-US: Banner
gl-ES: Banner inicial
---

O Banner é unha das partes máis importantes que se amosan na páxina. Normalmente amosa o nome do produto, o presenta e reflicte a tendencia xeral do estilo da marca.

高度为 750px 为例: Banner 一屏的设计尺寸为 1200\*750px,半屏的设计尺寸为 1200\*375px(多用于技术类的产品),主要由单屏和多屏滚动两种类型:
Por exemplo, a altura é de 750 px: o tamaño do deseño da pantalla Banner é de 1200\*750px, e o tamaño da pantalla media é de 1200\*375px (usado principalmente para produtos técnicos). Hai dous tipos de desprazamento -scroll- nunha pantalla e en varias pantallas:

## Esquema de pantalla única

<img class="preview-img" align="right" alt="Esquema de pantalla única" description="" src="https://gw.alipayobjects.com/zos/rmsportal/doqiWMyWYcCPFBMrXJLn.jpg">

1)Imaxe de fondo de pantalla completa;

2)Os títulos, a redacción e os botóns están centrados na páxina;

## Esquema de pantalla única 2

<img class="preview-img" align="right" alt="Esquema de pantalla única 2" description="" src="https://gw.alipayobjects.com/zos/rmsportal/JOxMWSQxCWoKakcYZWcI.jpg">

1)A imaxe principal está no lado esquerdo da páxina, e o título, textos e botóns están no lado dereito da páxina;

2)Recoméndase que as seccións de copia e botón se deixen aliñadas;

## Esquema de pantalla única 3

<img class="preview-img" align="right" alt="Esquema de pantalla única 3" description="" src="https://gw.alipayobjects.com/zos/rmsportal/ZGjSLLsUrJFbFVrUxaft.jpg">

1)A imaxe principal está no lado dereito da páxina, e o título, textos e botóns están no lado esquerdo da páxina;

2)Recoméndase que as seccións de copia e botón se deixen aliñadas;

## Esquema de pantalla única 4

<img class="preview-img" align="right" alt="Esquema de pantalla única 4" description="" src="https://gw.alipayobjects.com/zos/rmsportal/YEneEHFzGvSNtGSFJALF.jpg">

1)A imaxe principal está ao final da páxina;

2)O título, copia e botón están centrados na páxina;

## Clase de desprazamento multi-pantalla

<img class="preview-img" align="right" alt="Clase de desprazamento multi-pantalla" description="" src="https://gw.alipayobjects.com/zos/rmsportal/rtlntsHdPmorumOLIHVY.jpg">

1)Combinación de cabeceiras -Headers- multi-pantalla con carrusel de desprazamento na parte inferior;

2)Non se recomendan máis de 5 pantallas de desprazamento;


## Tipo medio de pantalla

<img class="preview-img" align="right" alt="Tipo medio de pantalla" description="" src="https://gw.alipayobjects.com/zos/rmsportal/ItuPxLqTgqgEhMaxexvp.jpg">

1)O tamaño do deseño da pantalla media é 1200*375px;

2)A disposición e categoría son as mesmas que a pantalla completa(Enumera un deles aquí;
File renamed without changes.