Lines Matching refs:list

1 # list开发指导
3 list是用来显示列表的组件，包含一系列相同宽度的列表项，适合连续、多行地呈现同类数据。具体用法请参考[list API](../reference/apis-arkui/arkui-js/js-c…
6 ## 创建list组件
8 在pages/index目录下的hml文件中创建一个list组件。
13  <list>    
14    <list-item class="listItem"></list-item>
15    <list-item class="listItem"></list-item>
16    <list-item class="listItem"></list-item>
17    <list-item class="listItem"></list-item>
18  </list>
41 > - &lt;list-item-group&gt;是&lt;list&gt;的子组件，实现列表分组功能，不能再嵌套&lt;list&gt;，可以嵌套&lt;list-item&gt;。
43 > - &lt;list-item&gt;是&lt;list&gt;的子组件，展示列表的具体项。
53   <list class="listCss" scrollbar="on" >
54     <list-item class="listItem"></list-item>
55     <list-item class="listItem"></list-item>
56     <list-item class="listItem"></list-item>
57     <list-item class="listItem"></list-item>
58     <list-item class="listItem"></list-item>
59     <list-item class="listItem"></list-item>
60  </list>
92   <list class="listCss"  indexer="{{['#','1','2','3','4','5','6','7','8']}}" >  
93     <list-item class="listItem"  section="#" ></list-item>   
94   </list>
121 为list组件添加groupcollapse和groupexpand事件实现列表的折叠和展开。
126   <list style="width: 100%;" id="mylist">
127 …<list-item-group for="listgroup in list" id="{{listgroup.value}}" ongroupcollapse="collapse" ongro…
128       <list-item type="item" style="background-color:#FFF0F5;height:95px;">
132       </list-item>
133       <list-item type="item" style="background-color: #87CEFA;height:145px;" primary="true">
137       </list-item>
138     </list-item-group>
139   </list>
149 list-item{
152 .top-list-item {
169     list: []
172     this.list = []
178         this.list.push(dataItem);
198 > - groupcollapse和groupexpand事件仅支持list-item-group组件使用。
212   <list class="list" indexer="true"> 
213 …  <list-item class="item" for="{{namelist}}" type="{{$item.section}}" section="{{$item.section}}"> 
220     </list-item> 
221     <list-item type="end" class="item"> 
225     </list-item> 
226   </list> 
239 .list {