<template functional>
  <card title="常见问题" class="qa-header">
    <collapse :collapse-data="props.qaData" :more-btn="props.more" :init-length="4" />
  </card>
</template>

<script>
export default {
  name: "CpsQA",
  props: {
    qaData: {
      type: Array,
      default() {
        return [];
      }
    },
    more: {
      type: Boolean,
      default: true
    }
  }
};
</script>

<style lang="less" scoped>
@import "../../../../style/var.less";
.qa {
  &-header {
    .card-header {
      padding-bottom: 4px;
    }
  }
}
</style>
