diff --git a/src/routes/List/CardList.js b/src/routes/List/CardList.js index c7423e7be3c393ad4ecaaeb6a26e24be69156878..d4c968ceff04fdc01df19a5a5bd99901c677ae7f 100644 --- a/src/routes/List/CardList.js +++ b/src/routes/List/CardList.js @@ -63,7 +63,7 @@ export default class CardList extends PureComponent { dataSource={['', ...list]} renderItem={item => (item ? ( - 操作一, 操作二]}> + 操作一, 操作二]}> } diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less index 528d338e3c49140ae00c28516cde91947f7a1de1..ded72a3c70f8eb1ec0fa3e1037ea0b864dc5f85d 100644 --- a/src/routes/List/CardList.less +++ b/src/routes/List/CardList.less @@ -3,9 +3,15 @@ .cardList { margin-bottom: -24px; - :global { - .ant-card-meta-content { - margin-top: 0; + + .card { + :global { + .ant-card-meta-title { + margin-bottom: 12px; + } + .ant-card-actions { + background: #f7f9fa; + } } } } @@ -24,7 +30,7 @@ border-color: @border-color-base; color: @text-color-secondary; width: 100%; - height: 185px; + height: 188px; } .cardAvatar { @@ -35,7 +41,6 @@ .cardDescription { .textOverflowMulti(); - color: @text-color; } .pageHeaderContent { diff --git a/src/routes/List/CoverCardList.js b/src/routes/List/CoverCardList.js index 19953e155e3683d7b8123f252b8aabb2c582753c..82856fbc91933900cd4b48125148606f52262b26 100644 --- a/src/routes/List/CoverCardList.js +++ b/src/routes/List/CoverCardList.js @@ -77,6 +77,7 @@ export default class CoverCardList extends PureComponent { renderItem={item => ( } > diff --git a/src/routes/List/CoverCardList.less b/src/routes/List/CoverCardList.less index 0664ff70d28ed440f15b8fc878d898269d76bb2b..a847c0c818187d87798f64aaada53a6ef7de2d81 100644 --- a/src/routes/List/CoverCardList.less +++ b/src/routes/List/CoverCardList.less @@ -3,23 +3,35 @@ .coverCardList { margin-bottom: -24px; - :global { - .ant-card-meta-title > a { - color: @heading-color; - } - .ant-card:hover .ant-card-meta-title > a { - color: @primary-color; + + .card { + :global { + .ant-card-meta-title { + margin-bottom: 4px; + } + .ant-card-meta-title > a { + color: @heading-color; + } + .ant-card-meta-description { + height: 44px; + line-height: 22px; + overflow: hidden; + } } - .ant-card-meta-description { - color: @text-color-secondary; - height: 44px; - line-height: 22px; - overflow: hidden; + + &:hover { + :global { + .ant-card-meta-title > a { + color: @primary-color; + } + } } } + .cardItemContent { display: flex; - margin-top: 12px; + margin-top: 16px; + margin-bottom: -4px; line-height: 20px; height: 20px; & > span { diff --git a/src/routes/List/FilterCardList.js b/src/routes/List/FilterCardList.js index b4e08d19f54fcecf9022c92d1d1b4389c7ec9c22..51b2ae50e39223d1c099d029d903672f9a796efd 100644 --- a/src/routes/List/FilterCardList.js +++ b/src/routes/List/FilterCardList.js @@ -224,7 +224,7 @@ export default class FilterCardList extends PureComponent { , , diff --git a/src/routes/List/FilterCardList.less b/src/routes/List/FilterCardList.less index cd255840d083982d1987bc41a69592533d7f5107..23a88dff190a0e22bf8896eeaba4d2943852e299 100644 --- a/src/routes/List/FilterCardList.less +++ b/src/routes/List/FilterCardList.less @@ -11,6 +11,9 @@ .ant-card-meta-avatar { font-size: 0; } + .ant-card-actions { + background: #f7f9fa; + } } .cardInfo { .clearfix();