🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 列表 轻松创建具有不同风格的漂亮列表. ## 用法 要应用这个组件,添加 `.uk-list` 类到一个无序或有序列表即可。这时列表将不显示任何间距及列表样式. ### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f2f17629.jpg) ### code ``` <ul class="uk-list"> <li>...</li> <li>...</li> <li>...</li> </ul> ``` * * * ## 修饰 要为列表显示不同的样式,只需为 `.uk-list` 添加修饰类。列表组件的修饰类 _不能_ 相互组合使用. ### 列表线 添加`.uk-list-line` 类线分割列表项. #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f2f27cb7.jpg) ### code ``` <ul class="uk-list uk-list-line">...</ul> ``` * * * ### 列表条纹 添加`.uk-list-striped` 类列表条纹. #### 示例 ![](https://box.kancloud.cn/2016-05-12_57346f2f3a5aa.jpg) ### code ``` <ul class="uk-list uk-list-striped">...</ul> ``` * * * ### 列表间距 添加 `.uk-list-space` 类增加列之间的间距. #### Example ![](https://box.kancloud.cn/2016-05-12_57346f2f4d134.jpg) ### code ``` <ul class="uk-list uk-list-space">...</ul> ```