init

src/component/timelineItem/index.ts

@@ -0,0 +1,5 @@
+import { withInstall, WithInstallType } from "../../utils";
+import Component from "./index.vue";
+
+const component: WithInstallType<typeof Component> = withInstall(Component);
+export default component;

src/component/timelineItem/index.vue

@@ -0,0 +1,33 @@
+<script lang="ts">
+export default {
+  name: "LayTimelineItem",
+};
+</script>
+
+<script setup lang="ts">
+import { useSlots } from "vue";
+
+export interface TimelineItemProps {
+  title?: string;
+  simple?: boolean;
+}
+
+const slot = useSlots();
+
+const props = defineProps<TimelineItemProps>();
+</script>
+
+<template>
+  <li class="layui-timeline-item">
+    <i class="layui-icon layui-timeline-axis"><slot name="dot"></slot></i>
+    <div class="layui-timeline-content layui-text">
+      <div v-if="simple" class="layui-timeline-title">
+        <slot name="title">{{ title }}</slot>
+      </div>
+      <h3 v-else class="layui-timeline-title">
+        <slot name="title">{{ title }}</slot>
+      </h3>
+      <slot></slot>
+    </div>
+  </li>
+</template>