Item/ItemCollapse

列表组件 / ItemCollapse可伸缩Item组件

如果在属性中没有传入title, 则需要在slot=item-title中传出title结构. 手风琴模式需要在ItemGroup中定义accordion属性

源码:

传入属性 / Props:

Name Type Attributes Default Description
title String 显示的名称
mode String <optional>
 'ios' 显示的名称

插槽 / Slots:

Name Description
空 这部分将放置在伸缩盒子中
item-title 对属性title的拓展, 如果包含复杂的显示结构, 比如增加了ICON
item-left 这部分继承Item组件
item-right 这部分继承Item组件

用法 / Usages

<List>
   <ListHeader>手风琴列表(只开启一个)</ListHeader>
   <ItemCollapseGroup accordion>
       <ItemCollapse title="This Is Title1">
           <Item>subItem1</Item>
           <Item>subItem2</Item>
           <Item>subItem3</Item>
       </ItemCollapse>
       <ItemCollapse>
           <template slot="item-title">
               This Is Title2 &ensp;
               <Icon name="information-circle"></Icon>
           </template>
           <Item detail-push>subItem1</Item>
           <Item detail-push>subItem2</Item>
           <Item detail-push>subItem3</Item>
       </ItemCollapse>
       <ItemCollapse title="This Is Title3">
           <Item detail-push>subItem1</Item>
           <Item detail-push>subItem2</Item>
           <Item detail-push>subItem3</Item>
       </ItemCollapse>
   </ItemCollapseGroup>
</List>