>默认时间戳在文字上方</my-timeline-item > <my-timeline-item timestamp="3333-03-03" timeLocation="down" >通过timeLocation属性将时间戳放在文字下方</my-timeline-item > <my-timeline-item timestamp="4444-04-04" hideTimestamp >若不想要时间
Timeline 时间轴 #介绍 可视化地呈现时间流信息。 #引入 import{Timeline,TimelineItem}from'mind-ui-vue';Vue.use(Timeline);Vue.use(TimelineItem); #示例 #基础用法 <m-timeline><m-timeline-itemtext="start">时光荏苒</m-timeline><m-timeline-itemicon="girl"color="#e54d42">桃之夭夭,灼灼其华。</...
src/ui/timeline/ShadcnTimeline.vue +32 Original file line numberDiff line numberDiff line change @@ -0,0 +1,32 @@ 1 + <template> 2 + 3 + <slot/> 4 + 5 + </template> 6 + 7 + 8 + import { provide, ref } from 'vue' 9 + import { TimelineContext ...
provide<TimelineContext>('timelineContext', { addItem, removeItem, items: timelineItems.value items: timelineItems.value, split: props.split }) 59 changes: 38 additions & 21 deletions 59 src/ui/timeline/item/ShadcnTimelineItem.vue Original file...
1、在公共组件目录重新创建自定义一个组件,这里新建一个自定义组件文件夹,创建一个时间线元素的组件,eg:TimeLineItem.vue。同时在创建一个公共组件js 我这里命名为index.js image.png 2、在TimeLineItem.vue文件中,写入自己的组件,这里我的改动比较小,就直接粘贴了element ui源码中时间线组件,item.vue的源码 ...
垂直展示的时间流信息。 基本用法 2020-01-20 xxxx 2020-01-20 xxxx Some description 2020-01-20 xxxx 2020-01-20 xxxx 修改颜色 2020-01-20 xxxx 2020-01-20 xxxx Some description 2020-01-20 xxxx Some description 2020-01-20 xxxx 2020-01-20 xxxx...
15 changes: 13 additions & 2 deletions 15 packages/wiz-ui-next/src/components/custom/timeline/timeline-item.vue Original file line numberDiff line numberDiff line change @@ -6,10 +6,16 @@ styles.TIMELINE_ITEM_IDENTIFIER_CLASS, ]" > <WizIcon :size="iconSize" :icon="WizICalendar...
16 changes: 8 additions & 8 deletions 16 packages/timeline/src/timeline.tsx Original file line numberDiff line numberDiff line change @@ -32,14 +32,14 @@ import { classes, PropTypes } from '@bkui-vue/shared'; const timelineProps = { list: PropTypes.arrayOf( PropTypes.shape({ tag:...
import { classes, PropTypes } from '@bkui-vue/shared';const timelineProps = { list: PropTypes.array.def([]), list: PropTypes.arrayOf( PropTypes.shape({ tag: String, content: String, type: String, size: String, color: String,
perf(timeline): 代码调整 TencentBlueKing#1697 … 1caf349 ielgnaw pushed a commit that referenced this issue Apr 16, 2024 perf(timeline): 代码调整 #1697 (#1701) … Verified 3622143 hLinx added a commit to hLinx/bkui-vue3 that referenced this issue Apr 17, 2024 perf(timeline): 代...