<view class="detail-list">
  <mas-tabs-list
    tabs="{{tabs}}"
    onLoadData="onLoadData"
    ref="saveRef"
    transparentSticky="{{true}}"
  >
    <view
      slot="tab-list-data"
      slot-scope="props"
    >
      <view a:if="{{props.activeTab === 0}}">
        <block a:for="{{props.data}}">
          <!-- 缴费明细 -->
          <deposit-card
            title="{{item.month}}"
            detail="{{item}}"
          />
        </block>
      </view>
      <view a:if="{{props.activeTab === 1}}">
        <view class="month" onTap="onChooseDate">
          <view class="left">
            {{date}}
            <image class="down" src="https://gw.alipayobjects.com/mdn/rms_187591/afts/img/A*8ndUQpL9Xj4AAAAAAAAAAAAAARQnAQ" />
          </view>
          <text class="desc">{{`本月总支出  ¥ ${total || ''}`}}</text>
        </view>
        <block a:for="{{props.data}}">
          <!-- 支出明细 -->
          <pay-card
            detail="{{item}}"
          />
        </block>
      </view>
    </view>
    <view slot="tab-list-empty" slot-scope="props">
      <view a:if="{{props.activeTab === 1}}" class="month" onTap="onChooseDate">
        <view class="left">
          {{date}}
          <image class="down" src="https://gw.alipayobjects.com/mdn/rms_187591/afts/img/A*8ndUQpL9Xj4AAAAAAAAAAAAAARQnAQ" />
        </view>
        <text class="desc">{{`本月总支出  ¥ ${total || ''}`}}</text>
      </view>
    </view>
  </mas-tabs-list>
</view>