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 属性设置为数据源中对应的值。

Ant-Design-List-的-ListItemMeta-的布局能否修改给个js代码

原文地址: https://www.cveoy.top/t/topic/lT0 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录