Ant-Design-List-的-ListItemMeta-的布局能否修改给个js代码
Ant Design List.Item.Meta 的布局可以通过修改其属性来实现,具体请参考官方文档:https://ant.design/components/list-cn/#List.Item.Meta
以下是一个示例代码,展示如何将 List.Item.Meta 的布局改为垂直排列:
import { List } from 'antd';
const data = [
{
title: 'Ant Design Title 1',
description: 'Ant Design, a design language for background applications, is refined by Ant UED Team.'
},
{
title: 'Ant Design Title 2',
description: 'Ant Design, a design language for background applications, is refined by Ant UED Team.'
},
];
<List
itemLayout="vertical"
dataSource={data}
renderItem={item => (
<List.Item>
<List.Item.Meta
title={item.title}
description={item.description}
/>
</List.Item>
)}
/>
在上面的代码中,我们将 List 的 itemLayout 属性设置为 vertical,这样 List.Item.Meta 的布局就会改为垂直排列。同时,我们将 List.Item.Meta 的 title 和 description 属性设置为数据源中对应的值。
原文地址: https://www.cveoy.top/t/topic/lT0 著作权归作者所有。请勿转载和采集!