36 lines
795 B
Vue
36 lines
795 B
Vue
<script lang="ts">
|
|
export default {
|
|
name: "LayTimelineItem",
|
|
};
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import { defineProps, useSlots } from "vue";
|
|
|
|
const slot = useSlots();
|
|
|
|
export interface LayTimelineItemProps {
|
|
title: string;
|
|
simple?: boolean;
|
|
}
|
|
|
|
const props = defineProps<LayTimelineItemProps>();
|
|
</script>
|
|
|
|
<template>
|
|
<li class="layui-timeline-item">
|
|
<i class="layui-icon layui-timeline-axis" v-if="slot.dot">
|
|
<slot name="dot"></slot>
|
|
</i>
|
|
<i class="layui-icon layui-timeline-axis" v-else></i>
|
|
<div class="layui-timeline-content layui-text">
|
|
<div v-if="simple" class="layui-timeline-title">
|
|
{{ title }}
|
|
</div>
|
|
<h3 v-else class="layui-timeline-title">
|
|
{{ title }}
|
|
</h3>
|
|
<slot></slot>
|
|
</div>
|
|
</li>
|
|
</template> |