<import-sjs from="./collapse.prop.sjs" name="p" />
  <view class="page  {{className || ''}}">
    <view class="page-section">
      <view class="page-section-title">基本用法</view>
      <v-collapse>
        <v-collapseitem
          content="通过content方式显示"
          title="标题1"
        ></v-collapseitem>
        <v-collapseitem title="标题2">
          <text>通过插槽的方式显示</text>
        </v-collapseitem>
        <v-collapseitem content="点击测试" title="标题3"></v-collapseitem>
      </v-collapse>
    </view>
    <view class="page-section">
      <view class="page-section-title">手风琴</view>
      <v-collapse>
        <v-collapseitem
          a:for="{{list}}"
          a:for-item="item"
          a:for-index="index"
          anyuiProps="{{p.getProps('_4') || {}}}"
          componentIndex="{{index}}"
          content="{{item.content}}"
          currentIndex="{{currentIndex}}"
          isAccordionShow="{{accordion}}"
          onChange="onchange"
          title="{{item.title}}"
          key="{{index}}"
        ></v-collapseitem>
      </v-collapse>
    </view>
  </view>
