You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/timeline/demo/right.vue

39 lines
857 B

<docs>
---
order: 5
title:
zh-CN: 右侧时间轴点
en-US: Right alternate
---
## zh-CN
时间轴点可以在内容的右边
## en-US
Right alternate timeline.
</docs>
<template>
<a-timeline mode="right">
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
<a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>
<a-timeline-item>
<template #dot><clock-circle-outlined style="font-size: 16px" /></template>
Technical testing 2015-09-01
</a-timeline-item>
<a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>
</a-timeline>
</template>
<script lang="ts">
import { ClockCircleOutlined } from '@ant-design/icons-vue';
import { defineComponent } from 'vue';
export default defineComponent({
components: {
ClockCircleOutlined,
},
});
</script>