From caac3d1222e09e2e83d36fde0df99b2f40f4722e Mon Sep 17 00:00:00 2001
From: "wenbo.dong" <wenbo.dong@qunar.com>
Date: Fri, 15 Sep 2017 17:20:30 +0800
Subject: [PATCH] =?UTF-8?q?opti:=20=E9=A1=B9=E7=9B=AE=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/ProjectCard/ProjectCard.scss  | 17 +++++++++++++----
 .../containers/Group/ProjectList/ProjectList.js |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/client/components/ProjectCard/ProjectCard.scss b/client/components/ProjectCard/ProjectCard.scss
index 574e01b2..b889b980 100755
--- a/client/components/ProjectCard/ProjectCard.scss
+++ b/client/components/ProjectCard/ProjectCard.scss
@@ -12,8 +12,15 @@
       transform: translateY(-4px);
     }
     .m-card .ant-card-body {
+      background-color: $color-bg-gray;
       box-shadow: 0 4px 8px rgba(50, 50, 93, 0.11), 0 4px 6px rgba(0, 0, 0, 0.08);
     }
+    .card-btns .icon {
+      color: rgba(39, 56, 72, 0.85);
+    }
+    .card-btns .icon.active {
+      color: #fac200;
+    }
   }
   &:active {
     .m-card, .card-btns {
@@ -40,23 +47,25 @@
       position: absolute;
       right: 0;
       top: 0;
+      color: #fff;
     }
     .icon.active {
-      color: #fac200;
+      color: #fff;
     }
   }
 }
 .m-card {
   cursor: pointer;
   text-align: center;
-  margin-bottom: .36rem;
+  margin-bottom: .16rem;
   transition: all .4s;
   position: relative;
   .ant-card-body {
-    background-color: $color-bg-gray;
+    background-color: #fff;
     border-radius: 4px;
     padding-top: .24rem + .16rem + 1rem;
-    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+    box-shadow: 0 4px 6px rgba(255,255,255,.11), 0 1px 3px rgba(255,255,255,.08);
+    // box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
     transition: all .2s;
   }
   .ui-logo {
diff --git a/client/containers/Group/ProjectList/ProjectList.js b/client/containers/Group/ProjectList/ProjectList.js
index bae8dca7..703564e5 100755
--- a/client/containers/Group/ProjectList/ProjectList.js
+++ b/client/containers/Group/ProjectList/ProjectList.js
@@ -120,7 +120,7 @@ class ProjectList extends Component {
         <Row gutter={16}>
           {projectData.length ? projectData.map((item, index) => {
             return (
-              <Col span={8} key={index}>
+              <Col span={6} key={index}>
                 <ProjectCard projectData={item} callbackResult={this.receiveRes} />
               </Col>);
           }) : <ErrMsg type="noProject" />}