<a-list item-layout="horizontal" :data-source="data">
    <a-list-item slot="renderItem" slot-scope="item">
      <a-list-item-meta
        :description="item.content"
      >
        <a slot="title" href="">{{ item.title }}</a>
      </a-list-item-meta>
     </a-list-item>
</a-list>
const data = [
  {
    title: '标准层-A类',
    content: 'Ant Design, a design language for background applications, is refined by Ant UED Team'
  },
  {
    title: '标准层-B类',
    content: 'Ant Design, a design language for background applications, is refined by Ant UED Team'
  },
  {
    title: '标准层-C类',
    content: 'Ant Design, a design language for background applications, is refined by Ant UED Team'
  },
  {
    title: '标准层-D类',
    content: 'Ant Design, a design language for background applications, is refined by Ant UED Team'
  }
]

效果
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐