diff --git a/src/routes/Forms/BasicForm.js b/src/routes/Forms/BasicForm.js
index de6cafe84977a4d0d71c41ae902785e0221dc39a..35249225da2a80a6b7b09c83b07811ea15d216ae 100644
--- a/src/routes/Forms/BasicForm.js
+++ b/src/routes/Forms/BasicForm.js
@@ -178,7 +178,7 @@ export default class BasicForms extends PureComponent {
                 提交
               </Button>
               <Button style={{ marginLeft: 8 }}>保存</Button>
-              <Button style={{ marginLeft: 8 }}>删除</Button>
+              <Button type="danger" style={{ marginLeft: 8 }}>删除</Button>
             </FormItem>
           </Form>
         </Card>
diff --git a/src/routes/List/CardList.js b/src/routes/List/CardList.js
index d4c968ceff04fdc01df19a5a5bd99901c677ae7f..3757f19da27d42902e08f1949f7fd55e9f0b6d13 100644
--- a/src/routes/List/CardList.js
+++ b/src/routes/List/CardList.js
@@ -1,6 +1,5 @@
 import React, { PureComponent } from 'react';
 import { connect } from 'dva';
-import { Link } from 'dva/router';
 import { Card, Button, Icon, List } from 'antd';
 
 import PageHeaderLayout from '../../layouts/PageHeaderLayout';
@@ -63,18 +62,16 @@ export default class CardList extends PureComponent {
             dataSource={['', ...list]}
             renderItem={item => (item ? (
               <List.Item key={item.id}>
-                <Card className={styles.card} actions={[<a>操作一</a>, <a>操作二</a>]}>
-                  <Link to="/list/card-list">
-                    <Card.Meta
-                      avatar={<img alt="" className={styles.cardAvatar} src={item.avatar} />}
-                      title={item.title}
-                      description={(
-                        <p className={styles.cardDescription}>
-                          <span>{item.description}</span>
-                        </p>
-                      )}
-                    />
-                  </Link>
+                <Card hoverable className={styles.card} actions={[<a>操作一</a>, <a>操作二</a>]}>
+                  <Card.Meta
+                    avatar={<img alt="" className={styles.cardAvatar} src={item.avatar} />}
+                    title={<a href="#">{item.title}</a>}
+                    description={(
+                      <p className={styles.cardDescription}>
+                        <span>{item.description}</span>
+                      </p>
+                    )}
+                  />
                 </Card>
               </List.Item>
               ) : (
diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less
index ded72a3c70f8eb1ec0fa3e1037ea0b864dc5f85d..f1b73478cac2e53ad846d2d5f95a906cba475b68 100644
--- a/src/routes/List/CardList.less
+++ b/src/routes/List/CardList.less
@@ -8,10 +8,18 @@
     :global {
       .ant-card-meta-title {
         margin-bottom: 12px;
+        & > a {
+          color: @heading-color;
+        }
       }
       .ant-card-actions {
         background: #f7f9fa;
       }
+      .ant-card-body:hover {
+        .ant-card-meta-title > a {
+          color: @primary-color;
+        }
+      }
     }
   }
 }
@@ -28,6 +36,7 @@
 .newButton {
   background-color: #fff;
   border-color: @border-color-base;
+  border-radius: @border-radius-sm;
   color: @text-color-secondary;
   width: 100%;
   height: 188px;
diff --git a/src/routes/List/CoverCardList.less b/src/routes/List/CoverCardList.less
index a847c0c818187d87798f64aaada53a6ef7de2d81..129bb17d5116e065af7c1a02bb3e02f57380f6bb 100644
--- a/src/routes/List/CoverCardList.less
+++ b/src/routes/List/CoverCardList.less
@@ -8,9 +8,9 @@
     :global {
       .ant-card-meta-title {
         margin-bottom: 4px;
-      }
-      .ant-card-meta-title > a {
-        color: @heading-color;
+        & > a {
+          color: @heading-color;
+        }
       }
       .ant-card-meta-description {
         height: 44px;