Skip to content

GitLab

A
ant-design-pro
Commit 897b1f84 authored by niko's avatar niko Committed by GitHub
Browse files
Options

fixed text (#23)

parent 72b393e9
Show whitespace changes
Inline Side-by-side
Showing with 89 additions and 56 deletions
mock/api.js
View file @ 897b1f84
......@@ -3,13 +3,13 @@ import { imgMap, getUrlParams } from './utils';
export function fakeList(count) {
const titles = [
'Vue',
'AntDesignPro',
'DesignLab',
'Ant Design Pro',
'Bootstrap',
'Angular',
'AntDesign',
'Ant Design',
'React',
'Alipay',
'AntDesignMobile',
'Ant Design Mobile',
];
const avatars = [
'https://gw.alipayobjects.com/zos/rmsportal/hYjIZrUoBfNxOAYBVDfc.png', // 凤蝶
......@@ -23,22 +23,42 @@ export function fakeList(count) {
'https://gw.alipayobjects.com/zos/rmsportal/RLwlKSYGSXGHuWSojyvp.png',
'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
];
const desc = [
'那是一种内在的东西， 他们到达不了，也无法触及的',
'希望是一个好东西，也许是最好的，好东西是不会消亡的',
'生命就像一盒巧克力，结果往往出人意料',
'城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
'那时候我只会想自己想要什么，从不想自己拥有什么',
];
const user = [
'付小小',
'曲丽丽',
'林东东',
'周星星',
'吴加好',
'朱偏右',
'鱼酱',
'乐哥',
'谭小仪',
'仲尼',
];
const list = [];
for (let i = 0; i < count; i += 1) {
list.push({
id: `fake-list-${i}`,
owner: '曲丽丽',
owner: user[i % 10],
title: titles[i % 8],
avatar: avatars[i % 4],
cover: Math.floor(i / 4) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
cover: (i / 4) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
status: ['active', 'exception', 'normal'][i % 3],
percent: Math.ceil(Math.random() * 50) + 50,
logo: ['https://gw.alipayobjects.com/zos/rmsportal/KoJjkdbuTFxzJmmjuDVR.png', 'https://gw.alipayobjects.com/zos/rmsportal/UxGORCvEXJEsxOfEKZiA.png'][i % 2],
href: 'https://ant.design',
updatedAt: new Date(new Date().getTime() - (1000 * 60 * 60 * 2 * i)),
createdAt: new Date(new Date().getTime() - (1000 * 60 * 60 * 2 * i)),
subDescription: '一句话描述一句话描述',
subDescription: desc[i % 5],
description: '在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。',
activeUser: Math.ceil(Math.random() * 100000) + 100000,
newUser: Math.ceil(Math.random() * 1000) + 1000,
......@@ -88,51 +108,51 @@ export function getFakeList(req, res, u) {
export const getNotice = [
{
id: 'xxx1',
title: '消息列表体验优化',
title: 'Vue',
logo: imgMap.b,
description: '这是一条描述信息这是一条描述信息',
description: '那是一种内在的东西， 他们到达不了，也无法触及的',
updatedAt: new Date(),
member: '蜂鸟项目组',
member: '科学搬砖组',
},
{
id: 'xxx2',
title: 'XX 平台',
title: 'Angular',
logo: imgMap.c,
description: '这是一条描述信息',
description: '希望是一个好东西，也许是最好的，好东西是不会消亡的',
updatedAt: new Date('2017-07-24 11:00:00'),
member: '凤蝶精英小分队',
member: '全组都是吴彦祖',
},
{
id: 'xxx3',
title: '消息列表体验优化',
title: 'React',
logo: imgMap.a,
description: '这是一条描述信息这是一条描述信息',
description: '城镇中有那么多的酒馆，她却偏偏走进了我的酒馆',
updatedAt: new Date(),
member: '蜂鸟项目组',
member: '中二少女团',
},
{
id: 'xxx4',
title: '文档中心1',
title: 'Ant Design',
logo: imgMap.a,
description: '这是一条描述信息这是一条描述信息',
description: '那时候我只会想自己想要什么，从不想自己拥有什么',
updatedAt: new Date('2017-07-23 06:23:00'),
member: '成都超级小分队',
member: '程序员日常',
},
{
id: 'xxx5',
title: '文档中心2',
title: 'Ant Design Mobile',
logo: imgMap.b,
description: '这是一条描述信息这是一条描述信息',
description: '凛冬将至',
updatedAt: new Date('2017-07-23 06:23:00'),
member: '成都超级小分队',
member: '高逼格设计天团',
},
{
id: 'xxx6',
title: '智能运营中心',
title: 'Ant Motion',
logo: imgMap.c,
description: '这是一条描述信息这是一条描述信息',
description: '生命就像一盒巧克力，结果往往出人意料',
updatedAt: new Date('2017-07-23 06:23:00'),
member: '成都小分队',
member: '骗你来学计算机',
},
];
......@@ -144,31 +164,31 @@ export const getActivities = [
name: '林东东',
avatar: imgMap.a,
},
action: '在 [凤蝶精英小分队](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
action: '在 [高逼格设计天团](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
},
{
id: 'trend-2',
updatedAt: new Date(),
user: {
name: '林嘻嘻',
name: '付小小',
avatar: imgMap.c,
},
action: '在 [凤蝶精英小分队](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
action: '在 [高逼格设计天团](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
},
{
id: 'trend-3',
updatedAt: new Date(),
user: {
name: '林囡囡',
name: '曲丽丽',
avatar: imgMap.b,
},
action: '在 [凤蝶精英小分队](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
action: '在 [中二少女团](http://github.com/) 新建项目 [六月迭代](http://github.com/)',
},
{
id: 'trend-4',
updatedAt: new Date(),
user: {
name: '林贝贝',
name: '周星星',
avatar: imgMap.c,
},
action: '在 [5 月日常迭代](http://github.com/) 更新至已发布状态',
......@@ -177,7 +197,7 @@ export const getActivities = [
id: 'trend-5',
updatedAt: new Date(),
user: {
name: '林忠忠',
name: '朱偏右',
avatar: imgMap.a,
},
action: '在 [工程效能](http://github.com/) 发布了 [留言](http://github.com/)',
......@@ -186,10 +206,10 @@ export const getActivities = [
id: 'trend-6',
updatedAt: new Date(),
user: {
name: '林呜呜',
name: '乐哥',
avatar: imgMap.d,
},
action: '在 [云雀](http://github.com/) 新建项目 [品牌迭代](http://github.com/)',
action: '在 [程序员日常](http://github.com/) 新建项目 [品牌迭代](http://github.com/)',
},
];
......
src/common/nav.js
View file @ 897b1f84
......@@ -82,7 +82,7 @@ const data = [{
path: 'list',
icon: 'table',
children: [{
name: '标准表格（表格查询）',
name: '查询表格',
path: 'table-list',
component: TableList,
}, {
......@@ -94,15 +94,15 @@ const data = [{
path: 'card-list',
component: CardList,
}, {
name: '卡片列表（封面）',
name: '搜索列表（项目）',
path: 'cover-card-list',
component: CoverCardList,
}, {
name: '带筛选卡片列表',
name: '搜索列表（应用）',
path: 'filter-card-list',
component: FilterCardList,
}, {
name: '搜索列表',
name: '搜索列表（文章）',
path: 'search',
component: SearchList,
}],
......
src/routes/Dashboard/Analysis.js
View file @ 897b1f84
......@@ -187,7 +187,7 @@ export default class Analysis extends Component {
<ChartCard
bordered={false}
title="总销售额"
action={<Tooltip title="我是一段说明"><Icon type="exclamation-circle-o" /></Tooltip>}
action={<Tooltip title="指标说明"><Icon type="exclamation-circle-o" /></Tooltip>}
total={yuan(126560)}
footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />}
contentHeight={46}
......@@ -202,7 +202,7 @@ export default class Analysis extends Component {
<ChartCard
bordered={false}
title="访问量"
action={<Tooltip title="访问量是关键指标"><Icon type="exclamation-circle-o" /></Tooltip>}
action={<Tooltip title="指标说明"><Icon type="exclamation-circle-o" /></Tooltip>}
total={numeral(8846).format('0,0')}
footer={<Field label="日访问量" value={numeral(1234).format('0,0')} />}
contentHeight={46}
......@@ -218,7 +218,7 @@ export default class Analysis extends Component {
<ChartCard
bordered={false}
title="支付笔数"
action={<Tooltip title="支付笔数反应交易质量"><Icon type="exclamation-circle-o" /></Tooltip>}
action={<Tooltip title="指标说明"><Icon type="exclamation-circle-o" /></Tooltip>}
total={numeral(6560).format('0,0')}
footer={<Field label="转化率" value="60%" />}
contentHeight={46}
......@@ -232,8 +232,8 @@ export default class Analysis extends Component {
<Col {...topColResponsiveProps}>
<ChartCard
bordered={false}
title="线上购物转化率"
action={<Tooltip title="购买效率"><Icon type="exclamation-circle-o" /></Tooltip>}
title="运营活动效果"
action={<Tooltip title="指标说明"><Icon type="exclamation-circle-o" /></Tooltip>}
total="78%"
footer={
<Trend mini={['xlg', 'md']}>
......
src/routes/Dashboard/Workplace.js
View file @ 897b1f84
......@@ -40,31 +40,31 @@ const links = [
const members = [
{
id: 'members-1',
title: '凤蝶精英小分队',
title: '科学搬砖组',
logo: 'https://gw.alipayobjects.com/zos/rmsportal/CRxBvUggxBYzWBTGmkxF.png',
link: '',
},
{
id: 'members-2',
title: 'Ant Design',
title: '程序员日常',
logo: 'https://gw.alipayobjects.com/zos/rmsportal/RBytOnluTcyeyDazAbvs.png',
link: '',
},
{
id: 'members-3',
title: 'DesignLab',
title: '设计天团',
logo: 'https://gw.alipayobjects.com/zos/rmsportal/HQVJYAXtWHEJvLxQjmPa.png',
link: '',
},
{
id: 'members-4',
title: 'Basement',
title: '中二少女团',
logo: 'https://gw.alipayobjects.com/zos/rmsportal/HQVJYAXtWHEJvLxQjmPa.png',
link: '',
},
{
id: 'members-5',
title: 'Github',
title: '骗你学计算机',
logo: 'https://gw.alipayobjects.com/zos/rmsportal/RBytOnluTcyeyDazAbvs.png',
link: '',
},
......
src/routes/List/BasicList.js
View file @ 897b1f84
......@@ -98,7 +98,7 @@ export default class BasicList extends PureComponent {
<Card bordered={false}>
<Row>
<Col sm={8} xs={24}>
<Info title="我的代办" value="8个任务" bordered />
<Info title="我的待办" value="8个任务" bordered />
</Col>
<Col sm={8} xs={24}>
<Info title="本周任务平均处理时间" value="32分钟" bordered />
......@@ -112,7 +112,7 @@ export default class BasicList extends PureComponent {
<Card
className={styles.listCard}
bordered={false}
title="基础列表"
title="标准列表"
style={{ marginTop: 24 }}
bodyStyle={{ padding: '0 32px 40px 32px' }}
extra={extraContent}
......
src/routes/List/BasicList.less
View file @ 897b1f84
......@@ -50,7 +50,6 @@
}
}
.listContent {
margin-left: 24px;
font-size: 0;
& > div {
color: @text-color-secondary;
......@@ -159,6 +158,20 @@
@media screen and (max-width: @screen-xl) {
.standardList {
.listContent {
& > div {
margin-left: 24px;
}
& > div:last-child {
top: 0;
}
}
}
}
@media screen and (max-width: 1400px) {
.standardList {
.listContent {
text-align: right;
& > div:last-child {
top: 0;
}
......
src/routes/List/CardList.js
View file @ 897b1f84
......@@ -25,7 +25,7 @@ export default class CardList extends PureComponent {
const content = (
<div className={styles.pageHeaderContent}>
<p>段落示意：蚂蚁金服务设计平台-design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，
<p>段落示意：蚂蚁金服务设计平台 design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，
提供跨越设计与开发的体验解决方案。
</p>
<div className={styles.contentLink}>
......@@ -50,7 +50,7 @@ export default class CardList extends PureComponent {
return (
<PageHeaderLayout
title="这是一个标题"
title="卡片列表"
content={content}
extraContent={extraContent}
>
......
src/routes/List/CoverCardList.js
View file @ 897b1f84
......@@ -147,7 +147,7 @@ export default class CoverCardList extends PureComponent {
return (
<PageHeaderLayout
title="带封面的卡片列表"
title="搜索列表"
content={pageHeaderContent}
tabList={tabList}
onTabChange={this.handleTabChange}
......
src/routes/List/FilterCardList.js
View file @ 897b1f84
......@@ -145,7 +145,7 @@ export default class FilterCardList extends PureComponent {
return (
<PageHeaderLayout
title="带筛选卡片列表"
title="搜索列表"
content={pageHeaderContent}
tabList={tabList}
onTabChange={this.handleTabChange}
......
src/routes/List/TableList.js
View file @ 897b1f84
......@@ -169,7 +169,7 @@ export default class TableList extends PureComponent {
);
return (
<PageHeaderLayout title="标准表格">
<PageHeaderLayout title="查询表格">
<Card bordered={false}>
<div className={styles.tableList}>
<div className={styles.tableListForm}>
......
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