From 12ba3e1da31fc1fad618b81bc73814b2d147edb6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 26 Oct 2017 20:05:20 +0800
Subject: [PATCH] Tweak style

---
 src/routes/List/CardList.js        | 3 ++-
 src/routes/List/CoverCardList.js   | 2 +-
 src/routes/List/CoverCardList.less | 9 +++++++++
 src/routes/List/SearchList.js      | 2 +-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/routes/List/CardList.js b/src/routes/List/CardList.js
index 1fdd1736..af5d8ae4 100644
--- a/src/routes/List/CardList.js
+++ b/src/routes/List/CardList.js
@@ -25,7 +25,8 @@ 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}>
diff --git a/src/routes/List/CoverCardList.js b/src/routes/List/CoverCardList.js
index 595b575a..71bd58ee 100644
--- a/src/routes/List/CoverCardList.js
+++ b/src/routes/List/CoverCardList.js
@@ -81,7 +81,7 @@ export default class CoverCardList extends PureComponent {
               cover={<img alt={item.title} src={item.cover} />}
             >
               <Card.Meta
-                title={item.title}
+                title={<a href="#">{item.title}</a>}
                 description={item.subDescription}
               />
               <div className={styles.cardItemContent}>
diff --git a/src/routes/List/CoverCardList.less b/src/routes/List/CoverCardList.less
index d5575da1..819ce94a 100644
--- a/src/routes/List/CoverCardList.less
+++ b/src/routes/List/CoverCardList.less
@@ -4,8 +4,17 @@
 .coverCardList {
   margin-bottom: -24px;
   :global {
+    .ant-card-meta-title > a {
+      color: @heading-color;
+    }
+    .ant-card:hover .ant-card-meta-title > a {
+      color: @primary-color;
+    }
     .ant-card-meta-description {
       color: @text-color;
+      height: 44px;
+      line-height: 22px;
+      overflow: hidden;
     }
   }
   .cardItemContent {
diff --git a/src/routes/List/SearchList.js b/src/routes/List/SearchList.js
index a5df8b8f..4ea48862 100644
--- a/src/routes/List/SearchList.js
+++ b/src/routes/List/SearchList.js
@@ -282,7 +282,7 @@ export default class SearchList extends Component {
           <Card
             style={{ marginTop: 24 }}
             bordered={false}
-            bodyStyle={{ padding: '12px 24px 32px 24px' }}
+            bodyStyle={{ padding: '8px 32px 32px 32px' }}
           >
             <List
               size="large"
-- 
GitLab