<template>
  <div class="c-item">
    <div class="tit" @click="handleFold()">
      <b>{{ label }}</b>
      <i class="arrow" :class="showContent?'el-icon-arrow-up':'el-icon-arrow-down'"></i>
      <slot name="button"></slot>
    </div>
    <div class="cont" v-show="showContent">
      <div>
        <slot name="top"></slot>
      </div>
      <div>
        <slot name="default"></slot>
      </div>
    </div>
  </div>
</template>

<script>
import {h5CardPaneMixin} from './mixins.js';

export default {
  name: 'h5CardPane',
  mixins: [h5CardPaneMixin]
};
</script>

<style></style>
