import React from 'react'; import { Avatar } from 'antd'; import List from '../index'; const data = [ '上海杨树浦一期水厂', '上海杨树浦二期水厂', '上海杨树浦三期水厂', '光谷金融港一期水厂', '光谷金融港二期水厂', ]; export default () => { return ( <List itemLayout="horizontal" dataSource={data} renderItem={(item) => ( <List.Item> <List.Item.Meta avatar={ <Avatar src="https://g.civnet.cn:5010/web4Assets/images/icon/%E7%86%8A%E7%8C%AB%E6%96%B01.png" /> } title={item} description="杨树浦水厂始建于公元1881年8月,建成于1883年8月1日正式向外供水的杨树浦水厂隶属于上海市自来水市北有限公司。" /> </List.Item> )} /> ); };