列表

最后更新于:2022-04-01 22:21:51

# 列表 轻松创建具有不同风格的漂亮列表. ## 用法 要应用这个组件,添加 `.uk-list` 类到一个无序或有序列表即可。这时列表将不显示任何间距及列表样式. ### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2f17629.jpg) ### code ```
  • ...
  • ...
  • ...
``` * * * ## 修饰 要为列表显示不同的样式,只需为 `.uk-list` 添加修饰类。列表组件的修饰类 _不能_ 相互组合使用. ### 列表线 添加`.uk-list-line` 类线分割列表项. #### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2f27cb7.jpg) ### code ```
    ...
``` * * * ### 列表条纹 添加`.uk-list-striped` 类列表条纹. #### 示例 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2f3a5aa.jpg) ### code ```
    ...
``` * * * ### 列表间距 添加 `.uk-list-space` 类增加列之间的间距. #### Example ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f2f4d134.jpg) ### code ```
    ...
```
';