import React, {Component} from 'react'
|
import { Card } from 'antd-mobile'
|
|
import './index.scss'
|
|
|
class CardList1 extends Component {
|
|
componentDidMount() {
|
|
}
|
|
render() {
|
return (
|
<div className="card-list">
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
<Card full>
|
<Card.Header
|
title="This is title"
|
thumb="https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg"
|
extra={<span>this is extra</span>}
|
/>
|
<Card.Body>
|
<div>This is content of `Card`</div>
|
</Card.Body>
|
<Card.Footer content="footer content" extra={<div>extra footer content</div>} />
|
</Card>
|
</div>
|
)
|
}
|
}
|
|
export default CardList1
|