<!--module/diet/pages/diet-list/diet-list.wxml-->
<t-navbar title="{{title}}" left-arrow />
<view class="search-wrapper" bindtap="onTapSearchInput">
  <icon class="search-icon" data-button="focus" type="search" size="14" color="{{searchInputProps.iconColor}}"></icon>
  <input class="search-input" value="{{keyword}}" focus="{{searchInputProps.focus}}" placeholder="{{searchInputProps.placeholder}}" placeholder-style="{{searchInputProps.placeholderStyle}}" cursor-color="{{searchInputProps.cursorColor}}" confirm-type="search" bindconfirm="onConfirmSearchInput" />
</view>
<view style="flex: auto;overflow: hidden;">
  <scroll-view class="list-wrapper scrollable" scroll-y type="custom" enhanced bind:scrolltolower="loadMore">
    <list-builder list="{{dataset}}" child-height="125">
      <diet-card slot:item slot:index item="{{item}}" index="{{index}}"></diet-card>
    </list-builder>
    <view class="tips" wx:if="{{loading}}">加载中...</view>
    <view class="tips" wx:elif="{{isLastPage}}">没有更多的了</view>
  </scroll-view>
</view>

<view style="height: {{container.safeBottomOffset}}px;flex: none;"></view>
<t-message id="{{$messageId}}" />