<!--
 * @Author: aBin
 * @email: binbin0314@126.com
 * @Date: 2021-07-19 14:22:54
 * @LastEditors: aBin
 * @LastEditTime: 2021-07-20 11:46:04
-->
<template>
  <view class>
    <!-- :class="{ active: cycleTasks.time.start === filter.startTime }" -->
    <view class="cycle-time active">
      <!-- {{ $util.formatStartTimeToCycleTime(filter.time, cycleTasks.time.start) }} -->
      2021年30周
    </view>
  </view>
</template>

<script setup>

</script>
<style scoped lang="scss">
.cycle-time {
  padding: 8rpx 16rpx;
  margin-bottom: 16rpx;
  background: #fafafc;
  color: $uni-text-color;
  font-size: 28rpx;
  position: sticky;
  top: -1px;
  left: 0;
  z-index: 99;

  &.active {
    background: $uni-color-primary;
    color: $uni-text-color-inverse;
  }
}
</style>
