<!--pages/clockIn/index.wxml-->
<view class="clockin">
  <view class="tip">
    只展示近90天内的服药记录
  </view>

  <view class="btn-item">
    <t-row gutter="12">
      <t-col span="8">
        <t-button block size="small" theme="{{timeType == 1? 'primary': ''}}" data-index="{{1}}" bindtap="changeBtn">近 7 天</t-button>
      </t-col>
      <t-col span="8">
        <t-button block size="small" theme="{{timeType == 2? 'primary': ''}}" data-index="{{2}}" bindtap="changeBtn">近 30 天</t-button>
      </t-col>

      <t-col span="8">
        <t-button block size="small" theme="{{timeType == 3? 'primary': ''}}" data-index="{{3}}" bindtap="changeBtn">近 90 天</t-button>
      </t-col>
    </t-row>

  </view>

  <view class="new-time">{{newTime}}</view>

  <view class="clockin-item">
    <view class="item-top">
      <text>早上</text>
      <t-tag class="margin-16" variant="light" theme="success">已完成</t-tag>
    </view>
    <view class="medicine-name">优思弗</view>
    <view class="dose">1片 饭后服用</view>
  </view>

</view>