myCollapseCard.vue 473 B

12345678910111213141516171819202122232425
  1. <template>
  2. <view class="my-collapse-card">
  3. <view class="my-collapse-item" :class="{'item-open': open}">
  4. <text class="collapse-text">{{title}}</text>
  5. <icon class="collapse-item-icon"></icon>
  6. </view>
  7. <view class="my-card-content" :class="{'content-open': open}">
  8. <slot></slot>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. name: "myCollapseCard",
  15. props: {
  16. title: {
  17. type: String
  18. },
  19. open: {
  20. type:Boolean
  21. }
  22. },
  23. }
  24. </script>