提交 0a27682f 编写于 作者: D ddcat1115

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

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)
## 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 start
$ npm start // 访问 http://127.0.0.1:8000
```
```bash
$ npm run site
```
更多信息请参考 [使用文档](http://pro.ant.design/docs/getting-started)
## 参与贡献
我们非常欢迎你的贡献,你可以通过以下方式参与:
- 在你的公司或个人项目中使用 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",
"version": "0.9.0",
"description": "An out-of-box UI solution for enterprise applications",
"private": true,
"scripts": {
"precommit": "npm run lint-staged",
......
---
type: General
title: AvatarList
subtitle: 用户头像列表
order: 1
cols: 1
---
......
---
type: General
title: Charts
subtitle: 图表
order: 2
cols: 2
---
......
---
type: General
title: CountDown
subtitle: 倒计时
cols: 1
order: 3
---
倒计时组件。
......
---
type: General
title: DescriptionList
subtitle: 描述列表
cols: 1
order: 4
---
描述列表用来展示一系列文本信息。
......
---
type: General
title: Exception
subtitle: 异常
cols: 1
order: 5
---
异常页用于对页面特定的异常状态进行反馈。通常,它包含对错误状态的阐述,并向用户提供建议或操作,避免用户感到迷失和困惑。
......
---
type: General
title: FooterToolbar
subtitle: 底部工具栏
cols: 1
order: 6
---
固定在底部的工具栏。
......
---
type: General
title: GlobalFooter
subtitle: 全局页脚
cols: 1
order: 7
---
页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。
......
---
type: General
title: HeaderSearch
subtitle: 顶部搜索框
cols: 1
order: 8
---
用在顶部导航上,提供应用全局搜索入口。
......
---
type: General
title: NoticeIcon
subtitle: 通知菜单
cols: 1
order: 9
---
用在顶部导航上,作为整个产品统一的通知中心。
......
---
type: General
title: NumberInfo
subtitle: 数据文本
cols: 1
order: 10
---
常用在数据卡片中,用于突出展示某个业务数据。
......
---
type: General
title: PageHeader
subtitle: 页头
cols: 1
order: 11
---
页头用来声明页面的主题,包含了用户所关注的最重要的信息,使用户可以快速理解当前页面是什么以及它的功能。
......
---
type: General
title: Result
subtitle: 处理结果
cols: 1
order: 12
---
结果页用于对用户进行的一系列任务处理结果进行反馈。
......
---
type: General
title: TagSelect
subtitle: 标签选择器
cols: 1
order: 13
---
一组标签选择器,带全选/展开/收起功能。
......
---
type: General
title: Trend
subtitle: 趋势标记
cols: 1
order: 14
---
趋势符号,标记上升和下降状态。
......
......@@ -228,14 +228,16 @@ export default class Analysis extends Component {
footer={<Field label="日均销售额" value={`¥${numeral(12423).format('0,0')}`} />}
contentHeight={46}
>
<span>
周同比
<Trend flag="up" className={styles.trend}>12%</Trend>
</span>
<span style={{ marginLeft: 16 }}>
日环比
<Trend flag="down" className={styles.trend}>11%</Trend>
</span>
<div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
<span>
周同比
<Trend flag="up" className={styles.trend}>12%</Trend>
</span>
<span style={{ marginLeft: 16 }}>
日环比
<Trend flag="down" className={styles.trend}>11%</Trend>
</span>
</div>
</ChartCard>
</Col>
<Col {...topColResponsiveProps}>
......@@ -276,7 +278,7 @@ export default class Analysis extends Component {
action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
total="78%"
footer={
<div>
<div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
<span>
周同比
<Trend flag="up" className={styles.trend}>12%</Trend>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册