init

.svn/pristine/7b/7b1e11976a1fe0d38019bedffeb5b2d26d48c20c.svn-base

@@ -0,0 +1,29 @@
+<script lang="ts">
+export default {
+  name: "LayTimeline",
+};
+</script>
+
+<script setup lang="ts">
+import "./index.less";
+import { computed, withDefaults } from "vue";
+
+export interface TimelineProps {
+  direction?: "horizontal" | "vertical";
+}
+
+const props = withDefaults(defineProps<TimelineProps>(), {
+  direction: "vertical",
+});
+
+const timeLineClass = computed(() => [
+  "layui-timeline",
+  props.direction === "horizontal" ? "layui-timeline-horizontal" : "",
+]);
+</script>
+
+<template>
+  <ul :class="timeLineClass">
+    <slot></slot>
+  </ul>
+</template>