<template>
    <view class="u-time-axis">
        <slot />
    </view>
</template>

<script>
    /**
     * timeLine 时间轴
     * @description 时间轴组件一般用于物流信息展示，各种跟时间相关的记录等场景。
     * @tutorial https://www.uviewui.com/components/timeLine.html
     * @example <u-time-line></u-time-line>
     */
    export default {
        name: "u-time-line",
        data() {
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
    @import "../../libs/css/style.components.scss";
    
    .u-time-axis {
        padding-left: 40rpx;
        position: relative;
    }

    .u-time-axis::before {
        content: " ";
        position: absolute;
        left: 0;
        top: 12rpx;
        width: 1px;
        bottom: 0;
        border-left: 1px solid #ddd;
        transform-origin: 0 0;
        transform: scaleX(0.5);
    }
</style>