Commit 0a27682f authored by ddcat1115's avatar ddcat1115

Merge branch 'master' of https://github.com/ant-design/test2

parents 393682d9 243be5d2
pro.ant.design
[简体中文](./README.md) | English
# Ant Design Pro
[![](https://img.shields.io/travis/ant-design/test2.svg?style=flat-square)](https://travis-ci.org/ant-design/test2)
An out-of-box UI solution for enterprise applications.
![](https://gw.alipayobjects.com/zos/rmsportal/xEdBqwSzvoSapmnSnYjU.png)
- Preview: http://preview.pro.ant.design
- Home Page: http://pro.ant.design
- Documentation: http://pro.ant.design/docs/getting-started
- FAQ: http://pro.ant.design/docs/faq
## Features
- :gem: **Neat Design**: Follow Ant Design specification
- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
- :rocket: **State of The Art Development**: Newest development stack of React/dva/antd
- :iphone: **Responsive**: Designed for varies of screen size
- :art: **Themeing**: Customizable theme with simple config
- :globe_with_meridians: **International**: Built-in i18n solution
- :gear: **Best Practice**: Solid workflow make your code health
- :1234: **Mock development**: Easy to use mock development solution
- :white_check_mark: **UI Test**: Fly safely with unit test and e2e test
## Usage
```
$ git clone git@github.com:ant-design/ant-design-pro
$ cd ant-design-pro
$ npm install
$ npm start // Visit http://127.0.0.1:8000
```
More instruction at [documentation](http://pro.ant.design/docs/getting-started)
## Contributing
Any Contribution of following ways will be welcome:
- Use Ant Design Pro in your daily work.
- Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bug or ask questions.
- Propose [pull request](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.
# XXX 简体中文 | [English](./README.en-US.md)
# Ant Design Pro
[![](https://img.shields.io/travis/ant-design/test2.svg?style=flat-square)](https://travis-ci.org/ant-design/test2) [![](https://img.shields.io/travis/ant-design/test2.svg?style=flat-square)](https://travis-ci.org/ant-design/test2)
## Development 开箱即用的中台前端解决方案。
![](https://gw.alipayobjects.com/zos/rmsportal/xEdBqwSzvoSapmnSnYjU.png)
- 预览:http://preview.pro.ant.design
- 首页:http://pro.ant.design
- 使用文档:http://pro.ant.design/docs/getting-started
- 常见问题:http://pro.ant.design/docs/faq
## 特性
- :gem: **优雅美观**:基于 Ant Design 体系精心设计
- :triangular_ruler: **常见设计模式**:提炼自中后台应用的典型页面和场景
- :rocket: **最新技术栈**:使用 React/dva/antd 等前端前沿技术开发
- :iphone: **响应式**:针对不同屏幕大小设计
- :art: **主题**:可配置的主题满足多样化的品牌诉求
- :globe_with_meridians: **国际化**:内建业界通用的国际化方案
- :gear: **最佳实践**:良好的工程实践助您持续产出高质量代码
- :1234: **Mock 数据**:实用的本地数据调试方案
- :white_check_mark: **UI 测试**:自动化测试保障前端产品质量
## 使用
```bash ```
$ git clone git@github.com:ant-design/ant-design-pro
$ cd ant-design-pro
$ npm install $ npm install
$ npm start $ npm start // 访问 http://127.0.0.1:8000
``` ```
```bash 更多信息请参考 [使用文档](http://pro.ant.design/docs/getting-started)
$ npm run site
``` ## 参与贡献
我们非常欢迎你的贡献,你可以通过以下方式参与:
- 在你的公司或个人项目中使用 Ant Design Pro。
- 通过 [issues](http://github.com/ant-design/ant-design-pro/issues) 给我们报告 bug 或进行咨询。
- 给我们提交 [Pull Request](http://github.com/ant-design/ant-design-pro/pulls) 改进我们的代码。
{ {
"name": "ant-design-pro", "name": "ant-design-pro",
"version": "0.9.0", "version": "0.9.0",
"description": "An out-of-box UI solution for enterprise applications",
"private": true, "private": true,
"scripts": { "scripts": {
"precommit": "npm run lint-staged", "precommit": "npm run lint-staged",
......
--- ---
type: General
title: AvatarList title: AvatarList
subtitle: 用户头像列表 subtitle: 用户头像列表
order: 1
cols: 1 cols: 1
--- ---
......
--- ---
type: General
title: Charts title: Charts
subtitle: 图表 subtitle: 图表
order: 2
cols: 2 cols: 2
--- ---
......
--- ---
type: General
title: CountDown title: CountDown
subtitle: 倒计时 subtitle: 倒计时
cols: 1 cols: 1
order: 3
--- ---
倒计时组件。 倒计时组件。
......
--- ---
type: General
title: DescriptionList title: DescriptionList
subtitle: 描述列表 subtitle: 描述列表
cols: 1 cols: 1
order: 4
--- ---
描述列表用来展示一系列文本信息。 描述列表用来展示一系列文本信息。
......
--- ---
type: General
title: Exception title: Exception
subtitle: 异常 subtitle: 异常
cols: 1 cols: 1
order: 5
--- ---
异常页用于对页面特定的异常状态进行反馈。通常,它包含对错误状态的阐述,并向用户提供建议或操作,避免用户感到迷失和困惑。 异常页用于对页面特定的异常状态进行反馈。通常,它包含对错误状态的阐述,并向用户提供建议或操作,避免用户感到迷失和困惑。
......
--- ---
type: General
title: FooterToolbar title: FooterToolbar
subtitle: 底部工具栏 subtitle: 底部工具栏
cols: 1 cols: 1
order: 6
--- ---
固定在底部的工具栏。 固定在底部的工具栏。
......
--- ---
type: General
title: GlobalFooter title: GlobalFooter
subtitle: 全局页脚 subtitle: 全局页脚
cols: 1 cols: 1
order: 7
--- ---
页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。 页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。
......
--- ---
type: General
title: HeaderSearch title: HeaderSearch
subtitle: 顶部搜索框 subtitle: 顶部搜索框
cols: 1 cols: 1
order: 8
--- ---
用在顶部导航上,提供应用全局搜索入口。 用在顶部导航上,提供应用全局搜索入口。
......
--- ---
type: General
title: NoticeIcon title: NoticeIcon
subtitle: 通知菜单 subtitle: 通知菜单
cols: 1 cols: 1
order: 9
--- ---
用在顶部导航上,作为整个产品统一的通知中心。 用在顶部导航上,作为整个产品统一的通知中心。
......
--- ---
type: General
title: NumberInfo title: NumberInfo
subtitle: 数据文本 subtitle: 数据文本
cols: 1 cols: 1
order: 10
--- ---
常用在数据卡片中,用于突出展示某个业务数据。 常用在数据卡片中,用于突出展示某个业务数据。
......
--- ---
type: General
title: PageHeader title: PageHeader
subtitle: 页头 subtitle: 页头
cols: 1 cols: 1
order: 11
--- ---
页头用来声明页面的主题,包含了用户所关注的最重要的信息,使用户可以快速理解当前页面是什么以及它的功能。 页头用来声明页面的主题,包含了用户所关注的最重要的信息,使用户可以快速理解当前页面是什么以及它的功能。
......
--- ---
type: General
title: Result title: Result
subtitle: 处理结果 subtitle: 处理结果
cols: 1 cols: 1
order: 12
--- ---
结果页用于对用户进行的一系列任务处理结果进行反馈。 结果页用于对用户进行的一系列任务处理结果进行反馈。
......
--- ---
type: General
title: TagSelect title: TagSelect
subtitle: 标签选择器 subtitle: 标签选择器
cols: 1 cols: 1
order: 13
--- ---
一组标签选择器,带全选/展开/收起功能。 一组标签选择器,带全选/展开/收起功能。
......
--- ---
type: General
title: Trend title: Trend
subtitle: 趋势标记 subtitle: 趋势标记
cols: 1 cols: 1
order: 14
--- ---
趋势符号,标记上升和下降状态。 趋势符号,标记上升和下降状态。
......
...@@ -228,14 +228,16 @@ export default class Analysis extends Component { ...@@ -228,14 +228,16 @@ export default class Analysis extends Component {
footer={<Field label="日均销售额" value={`¥${numeral(12423).format('0,0')}`} />} footer={<Field label="日均销售额" value={`¥${numeral(12423).format('0,0')}`} />}
contentHeight={46} contentHeight={46}
> >
<span> <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
周同比 <span>
<Trend flag="up" className={styles.trend}>12%</Trend> 周同比
</span> <Trend flag="up" className={styles.trend}>12%</Trend>
<span style={{ marginLeft: 16 }}> </span>
日环比 <span style={{ marginLeft: 16 }}>
<Trend flag="down" className={styles.trend}>11%</Trend> 日环比
</span> <Trend flag="down" className={styles.trend}>11%</Trend>
</span>
</div>
</ChartCard> </ChartCard>
</Col> </Col>
<Col {...topColResponsiveProps}> <Col {...topColResponsiveProps}>
...@@ -276,7 +278,7 @@ export default class Analysis extends Component { ...@@ -276,7 +278,7 @@ export default class Analysis extends Component {
action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>} action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
total="78%" total="78%"
footer={ footer={
<div> <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
<span> <span>
周同比 周同比
<Trend flag="up" className={styles.trend}>12%</Trend> <Trend flag="up" className={styles.trend}>12%</Trend>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment