# UList 列表 - [示例](#示例) - [基本用法](#基本用法) - [列表前缀](#列表前缀) - [列表线条](#列表线条) - [条纹展示](#条纹展示) - [悬浮高亮](#悬浮高亮) - [组合修饰](#组合修饰) - [UList API](#ulist-api) - [Props/Attrs](#propsattrs) - [Slots](#slots) - [UListItem API](#ulistitem-api) **块级展示** 对列表样式做了简单的修饰。如果需要选择、分页等更多的功能，请使用 [UListView](#components/u-list-view)。 ## 示例 ### 基本用法 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ### 列表前缀添加`type`属性，可以快速设置列表前缀。 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ### 列表线条添加`line`属性，使列表各项之间由线条隔开。 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ### 条纹展示添加`striped`属性，使列表行具有斑马线条纹样式。 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ### 悬浮高亮添加`hover`属性，使列表行在悬浮时能够高亮显示。 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ### 组合修饰列表组件的修饰属性可以组合使用。 ``` html

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

``` ## UList API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | type | string | | | 列表前缀，如：`'disc'`, `'circle'`, `'decimal'`，与原生样式属性`list-style-type`的值对应。 | | line | string | | | 列表行之间显示分隔线条。可选值：`'both'`, `'horizontal'`, `'vertical'` | | striped | boolean | | `false` | 列表行是否按斑马线条纹显示 | | hover | boolean | | `false` | 列表行在悬浮时是否高亮显示 | ### Slots #### (default) 在表格中插入``标签。 ## UListItem API 暂无