fixed text (#23)

mock/api.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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}>