30 lines
563 B
Vue
30 lines
563 B
Vue
<script lang="ts">
|
|
export default {
|
|
name: "LayTimeline",
|
|
};
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import "./index.less";
|
|
import { computed, withDefaults } from "vue";
|
|
|
|
export interface LayTimelineProps {
|
|
direction: "horizontal" | "vertical";
|
|
}
|
|
|
|
const props = withDefaults(defineProps<LayTimelineProps>(), {
|
|
direction: "vertical",
|
|
});
|
|
|
|
const timeLineClass = computed(() => [
|
|
"layui-timeline",
|
|
props.direction === "horizontal" ? "layui-timeline-horizontal" : "",
|
|
]);
|
|
</script>
|
|
|
|
<template>
|
|
<ul :class="timeLineClass">
|
|
<slot></slot>
|
|
</ul>
|
|
</template>
|