如何用蚂蚁设计呈现字典列表?

时间:2018-11-07 14:49:38

标签: antd

我想很好地显示字典。在标准HTML中,我将使用DL标签。我还没有在ant.design中找到类似物。

2 个答案:

答案 0 :(得分:0)

使用蚂蚁设计时,必须安装yarn add antdnpm install antd --save

之后,蚂蚁设计的最简单方法是添加index.html(例如,用于React)

https://cdnjs.com/libraries/antd

您可以使用这些链接。

<link type="stylesheet" href="paste the antd css from url">

然后,您将使用它。

最后,我建议您使用“ min.css”文件。

答案 1 :(得分:0)

如果您使用ant.design,并不意味着您不能使用标准HTML标记,您仍然可以使用它们。

例如,这看起来不错:

import React from 'react'
import ReactDOM from 'react-dom'
import 'antd/dist/antd.css'

ReactDOM.render(
  <div>
    <dl>
      <dt>Coffee</dt>
      <dd>Black hot drink</dd>
      <dt>Milk</dt>
      <dd>White cold drink</dd>
    </dl>
  </div>,
  document.getElementById('container')
)