smart-canteen/pages/reserve/index.wxml

<nav-bar navbar-data='{{navbarData}}' needBack="{{false}}"></nav-bar>
<view class="main" style="padding-top:{{height}}px;height:{{windowHeight-height-100}}px">
  <view class="one">
    <!-- <view class="one_1">您的绑定餐厅为:{{tenant}}</view> -->
    <view class="one_2">
      <view>请您在前一天21点前报餐</view>
      <view>
        <picker mode="date" value="{{today}}" start="{{picker.start}}" end="{{picker.end}}" bindchange="bindDateChange">
          <view class="picker">{{today}}</view>
        </picker>
      </view>
    </view>
  </view>
  <view class="info">
    <scroll-view scroll-y="true" class="scroll-view">
      <view class="list-scroll-view">
        <view class="two">
          <view class="two_1">
            <view class="infoTab {{infoTab==0?'infoActive':''}}" data-current="0" bindtap="infoClickTab">早餐</view>
            <view class="infoTab {{infoTab==1?'infoActive':''}}" data-current="1" bindtap="infoClickTab">午餐</view>
            <view class="infoTab {{infoTab==2?'infoActive':''}}" data-current="2" bindtap="infoClickTab">晚餐</view>
          </view>
          <view class="two_2">
            <scroll-view scroll-y="true" class="scroll-view">
              <view class="list-scroll-view">
                <view wx:if="{{infoTab==0}}">
                  <view class="list" wx:key="item" wx:for="{{breakfastList}}">
                    <view class="image">
                      <image src='{{item.url}}'></image>
                    </view>
                    <view class="other">
                      <view class="other_1">{{item.name}}</view>
                      <view class="other_2">
                        <view class="other_2num">已售：<text>{{item.order}}</text></view>
                        <view class="other_2btn">
                          <van-stepper value="{{ item.num }}" min="0" bind:plus="onePlus" bind:minus="oneMinus" disable-input="true" bind:change="oneChange" data-data="{{item}}" data-type="breakfast" input-width="28px" button-size="20px" />
                        </view>
                      </view>
                      <view class="other_3">热量:{{item.reserve}}卡</view>
                    </view>
                    <view>
                    </view>
                  </view>
                </view>
                <view wx:if="{{infoTab==1}}">
                  <view class="list" wx:key="item" wx:for="{{lunchList}}">
                    <view class="image">
                      <image src='{{item.url}}'></image>
                    </view>
                    <view class="other">
                      <view class="other_1">{{item.name}}</view>
                      <view class="other_2">
                        <view class="other_2num">已售：<text>{{item.order}}</text></view>
                        <view class="other_2btn">
                          <van-stepper value="{{ item.num }}" min="0" bind:plus="onePlus" bind:minus="oneMinus" disable-input="true" bind:change="oneChange" data-data="{{item}}" data-type="breakfast" input-width="28px" button-size="20px" />
                        </view>
                      </view>
                      <view class="other_3">热量:{{item.reserve}}卡</view>
                    </view>
                    <view>
                    </view>
                  </view>
                </view>
                <view wx:if="{{infoTab==2}}">
                  <view class="list" wx:key="item" wx:for="{{dinnerList}}">
                    <view class="image">
                      <image src='{{item.url}}'></image>
                    </view>
                    <view class="other">
                      <view class="other_1">{{item.name}}</view>
                      <view class="other_2">
                        <view class="other_2num">已售：<text>{{item.order}}</text></view>
                        <view class="other_2btn">
                          <van-stepper value="{{ item.num }}" min="0" bind:plus="onePlus" bind:minus="oneMinus" disable-input="true" bind:change="oneChange" data-data="{{item}}" data-type="breakfast" input-width="28px" button-size="20px" />
                        </view>
                      </view>
                      <view class="other_3">热量:{{item.reserve}}卡</view>
                    </view>
                    <view>
                    </view>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
  <view class="btn">
    <view class="btn_1">
      卡路里:{{totalReserve}}
    </view>
    <view class="btn_2">
      <button type="primary" bindtap="onSubmit">完成</button>
    </view>
  </view>
</view>