myCollapseCard.vue 832 B

1234567891011121314151617181920212223242526272829303132333435
  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" :style="{ backgroundImage: 'url(' + imgsArr.navBarJtIcon + ')' }"></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. import cacheManager from '@/utils/cacheManager.js';
  14. export default {
  15. name: "myCollapseCard",
  16. props: {
  17. title: {
  18. type: String
  19. },
  20. open: {
  21. type:Boolean
  22. }
  23. },
  24. data() {
  25. return {
  26. // 初始化 imgsArr,设置默认空对象
  27. imgsArr: { navBarJtIcon: '' }
  28. }
  29. },
  30. created() {
  31. this.imgsArr.navBarJtIcon = cacheManager.get('projectImg').nav_bar_jt_bottom;
  32. },
  33. }
  34. </script>