smart-canteen/pages/food/index.wxml

<nav-bar navbar-data='{{navbarData}}' bind:back="back"></nav-bar>
<view class="main" style="padding-top:{{height}}px;height:{{windowHeight-height}}px">
  <view class="one">
    <view>日期</view>
    <view>餐时</view>
    <view>菜品</view>
    <view>热量</view>
  </view>
  <view class="two" style="height:{{windowHeight-height-35}}px">
    <view class="list" wx:key="item" wx:for="{{list}}" data-id="{{item.id}}">
      <view class="two_1" style="height:{{item.style.total}}px;line-height:{{item.style.total}}px;">{{item.date}}</view>
      <view class="two_2">
        <view style="height:{{item.style.one}}px;line-height:{{item.style.one}}px;">早餐</view>
        <view style="height:{{item.style.two}}px;line-height:{{item.style.two}}px;">午餐</view>
        <view style="height:{{item.style.thr}}px;line-height:{{item.style.thr}}px;">晚餐</view>
      </view>
      <view class="two_3">
        <view class="breakfast" style="height:{{item.style.one}}px;">
          <view class="breakfast_1" wx:key="break" wx:for="{{item.arrange.breakfast}}" wx:for-item="break">
            <text>{{break.name}}</text>
            <text>{{break.reserve}}(大卡)</text>
          </view>
        </view>
        <view class="breakfast" style="height:{{item.style.two}}px;">
          <view class="breakfast_1" wx:key="lun" wx:for="{{item.arrange.lunch}}" wx:for-item="lun">
            <text>{{lun.name}}</text>
            <text>{{lun.reserve}}(大卡)</text>
          </view>
        </view>
        <view class="breakfast" style="height:{{item.style.thr}}px;">
          <view class="breakfast_1" wx:key="din" wx:for="{{item.arrange.dinner}}" wx:for-item="din">
            <text>{{din.name}}</text>
            <text>{{din.reserve}}(大卡)</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>