Timeline 时间轴

    示例

    2.     <view class="page__hd">
    3.         <view class="page__title">Timeline</view>
    4.         <view class="page__desc">时间轴</view>
    5.     </view>
    6.     <view class="page__bd page__bd_spacing">
    7.         <view class="sub-title">Default</view>
    8.         <wux-timeline>
    9.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    10.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    11.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    12.         </wux-timeline>
    13.         <view class="sub-title">Position = alternate</view>
    14.         <wux-timeline position="alternate">
    15.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    16.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    17.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    18.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    19.         </wux-timeline>
    21.         <wux-timeline position="right">
    22.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    23.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    24.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    25.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    26.         </wux-timeline>
    27.         <view class="sub-title">Pending</view>
    28.         <wux-timeline pending>
    29.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    30.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    31.             <wux-timeline-item content="2018-10-24 v1.0.0" />
    32.         </wux-timeline>
    33.         <view class="sub-title">Slot</view>
    34.         <wux-timeline>
    35.             <wux-timeline-item>
    36.                 <view>2018-10-24 v1.0.0</view>
    37.             </wux-timeline-item>
    38.             <wux-timeline-item custom>
    40.                 <view>2018-10-24 v1.0.0</view>
    41.             </wux-timeline-item>
    42.             <wux-timeline-item dotStyle="border-color: #33cd5f; color: #33cd5f">
    43.                 <view>2018-10-24 v1.0.0</view>
    44.             </wux-timeline-item>
    45.             <wux-timeline-item dotStyle="border-color: #ef473a; color: #ef473a">
    46.                 <view>2018-10-24 v1.0.0</view>
    47.             </wux-timeline-item>
    48.         </wux-timeline>
    49.     </view>
    50. </view>

    Timeline externalClasses

    TimelineItem slot