cl-timeline.uvue 514 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <view class="cl-timeline" :class="[pt.className]">
  3. <slot></slot>
  4. </view>
  5. </template>
  6. <script setup lang="ts">
  7. import { computed } from "vue";
  8. import { parsePt } from "@/.cool";
  9. defineOptions({
  10. name: "cl-timeline"
  11. });
  12. const props = defineProps({
  13. pt: {
  14. type: Object,
  15. default: () => ({})
  16. }
  17. });
  18. type PassThrough = {
  19. className?: string;
  20. };
  21. const pt = computed(() => parsePt<PassThrough>(props.pt));
  22. </script>
  23. <style lang="scss" scoped>
  24. .cl-timeline {
  25. @apply flex flex-col py-2;
  26. }
  27. </style>