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}}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="two">
    <view class="swiper-tab">
      <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">点餐</view>
      <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">评价</view>
    </view>
    <swiper current="{{currentTab}}" style="height:{{windowHeight-height-138}}px">
      <swiper-item catchtouchmove="stopTab">
        <view class="two_1" style="height:{{windowHeight-height-138}}px">
          <view class="info" style="height:{{windowHeight-height-188}}px">
            <view class="info_left" style="height:{{windowHeight-height-188}}px">
              <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="info_right">
              <swiper current="{{infoTab}}" style="height:{{windowHeight-height-188}}px">
                <swiper-item catchtouchmove="stopTab">
                  <view class="info_right1" style="height:{{windowHeight-height-188}}px">
                    <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>
                </swiper-item>
                <swiper-item catchtouchmove="stopTab">
                  <view class="info_right1" style="height:{{windowHeight-height-188}}px">
                    <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="lunch"
                              input-width="28px" button-size="20px" />
                          </view>
                        </view>
                        <view class="other_3">热量:{{item.reserve}}卡</view>
                      </view>
                      <view>
                      </view>
                    </view>
                  </view>
                </swiper-item>
                <swiper-item catchtouchmove="stopTab">
                  <view class="info_right1" style="height:{{windowHeight-height-188}}px">
                    <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="dinner"
                              input-width="28px" button-size="20px" />
                          </view>
                        </view>
                        <view class="other_3">热量:{{item.reserve}}卡</view>
                      </view>
                      <view>
                      </view>
                    </view>
                  </view>
                </swiper-item>
              </swiper>
            </view>
          </view>
          <view class="btn">
            <view class="btn_1">
              卡路里:{{form.breakfast.reserve+form.lunch.reserve+form.dinner.reserve}}
            </view>
            <view class="btn_2">
              <button type="primary" bindtap="onSubmit">完成</button>
            </view>
          </view>
        </view>
      </swiper-item>
      <swiper-item catchtouchmove="stopTab">
        <view>评价</view>
      </swiper-item>
    </swiper>
  </view>
</view>