Browse Source

Tweak style

pull/37/head
afc163 9 years ago
parent
commit
12ba3e1da3
  1. 3
      src/routes/List/CardList.js
  2. 2
      src/routes/List/CoverCardList.js
  3. 9
      src/routes/List/CoverCardList.less
  4. 2
      src/routes/List/SearchList.js

3
src/routes/List/CardList.js

@ -25,7 +25,8 @@ export default class CardList extends PureComponent {
const content = ( const content = (
<div className={styles.pageHeaderContent}> <div className={styles.pageHeaderContent}>
<p>段落示意蚂蚁金服务设计平台 design.alipay.com用最小的工作量无缝接入蚂蚁金服生态 <p>
段落示意蚂蚁金服务设计平台 design.alipay.com用最小的工作量无缝接入蚂蚁金服生态
提供跨越设计与开发的体验解决方案 提供跨越设计与开发的体验解决方案
</p> </p>
<div className={styles.contentLink}> <div className={styles.contentLink}>

2
src/routes/List/CoverCardList.js

@ -81,7 +81,7 @@ export default class CoverCardList extends PureComponent {
cover={<img alt={item.title} src={item.cover} />} cover={<img alt={item.title} src={item.cover} />}
> >
<Card.Meta <Card.Meta
title={item.title} title={<a href="#">{item.title}</a>}
description={item.subDescription} description={item.subDescription}
/> />
<div className={styles.cardItemContent}> <div className={styles.cardItemContent}>

9
src/routes/List/CoverCardList.less

@ -4,8 +4,17 @@
.coverCardList { .coverCardList {
margin-bottom: -24px; margin-bottom: -24px;
:global { :global {
.ant-card-meta-title > a {
color: @heading-color;
}
.ant-card:hover .ant-card-meta-title > a {
color: @primary-color;
}
.ant-card-meta-description { .ant-card-meta-description {
color: @text-color; color: @text-color;
height: 44px;
line-height: 22px;
overflow: hidden;
} }
} }
.cardItemContent { .cardItemContent {

2
src/routes/List/SearchList.js

@ -282,7 +282,7 @@ export default class SearchList extends Component {
<Card <Card
style={{ marginTop: 24 }} style={{ marginTop: 24 }}
bordered={false} bordered={false}
bodyStyle={{ padding: '12px 24px 32px 24px' }} bodyStyle={{ padding: '8px 32px 32px 32px' }}
> >
<List <List
size="large" size="large"

Loading…
Cancel
Save