<!--module/diet/pages/diet-info/diet-info.wxml-->
<t-navbar title="{{title}}" left-arrow />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <image src="{{dataset.photo || '/module/health/assets/image/pic_body@2x.png'}}" mode="aspectFill" style="width: 100%; height: 260px;"></image>
  <view class="hero-placeholder"></view>
  <!-- <view class="list-wrapper">
    <view class="list-title">食谱介绍</view>
    <view class="box-wrapper">{{dataset.book}}</view>
  </view> -->
  <view class="diet-box">
  <view class="diet-title">{{dataset.name}}</view>
  <view class="list-wrapper">
    <view class="list-title">中医功效</view>
    <view class="box-wrapper">{{dataset.effectText}}</view>
  </view>
  <view class="list-wrapper" wx:if="{{dataset.itemList.length}}">
    <view class="list-title" style="margin-bottom: 15px;">食材</view>
    <view class="item-wrapper" wx:for="{{dataset.itemList}}" wx:key="ingredientName">
      <view>{{item.ingredientName}}</view>
      <view>{{item.dose || ''}}{{item.unit || ''}}</view>
    </view>
  </view>
  <view class="list-wrapper">
    <view class="list-title">制作方法</view>
    <view class="box-wrapper">{{dataset.method}}</view>
  </view>
  <view class="list-wrapper" wx:if="{{dataset.recommendedList.length}}">
    <view class="list-title">相关推荐</view>
    <diet-card wx:for="{{dataset.recommendedList}}" wx:key="id" item="{{item}}" index="{{index}}" replace="{{true}}"></diet-card>
  </view>
  </view>
</scroll-view>

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