<template> <view class="tn-time-line-class tn-time-line"> <slot></slot> </view> </template> <script> export default { name: 'tn-time-line', props: { }, data() { return { } } } </script> <style lang="scss" scoped> .tn-time-line { padding-left: 40rpx; position: relative; &::before { content: ''; position: absolute; width: 1px; left: 0; top: 12rpx; bottom: 0; border-left: 1px solid #AAAAAA; transform-origin: 0 0; transform: scaleX(0.5); } } </style>