nazw/nnzwminiapp/pages/ourCanteen/ourCanteen.wxml

<view class="head-bg" style="background-image: url({{imgUrl}}index_bg.png);">
      <view class="navTitle">
        <t-icon name="chevron-left" size="68rpx" data-name="chevron-left"  bind:click="back" />
        <view class="title">我们的食堂<view style="width: 48rpx;"></view></view>
      </view>
      <!-- <image style="width:100%;height:100%" mode="scaleToFill" src=""></image> -->
</view>
<view class="tab">
      <view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">
            <view style="height:80rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_st.png"></image>
            </view>
            <view style="height:80rpx;padding-left:10rpx">我们的食堂</view>
      </view>
      <view style="width: 20rpx;"></view>
      <view class="tab-item {{tab==1?'active':''}}" bindtap="changeItem" data-item="1">
            <view style="height:80rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_bd.png"></image>
            </view>
            <view style="height:80rpx;padding-left:10rpx">菜品榜单</view>
      </view>
      <view style="width: 20rpx;"></view>
      <view class="tab-item {{tab==2?'active':''}}" bindtap="changeItem" data-item="2">
            <view style="height:80rpx;width:40rpx;display: flex;justify-content:center;align-items:center;">
                  <image style="width:40rpx;height:40rpx;" src="/pages/images/icon_ts.png"></image>
            </view>
            <view style="height:80rpx;padding-left:10rpx">提示公告</view>
      </view>
</view>

<view class="swiper-content">
      <swiper current="{{item}}" bindchange="changeTab" duration="1">
            <swiper-item catchtouchmove='catchTouchMove'>
                  <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
                        <include src="canteen.wxml" />
                  </scroll-view>
            </swiper-item>

            <swiper-item catchtouchmove='catchTouchMove'>
                  <scroll-view scroll-y="true" style="height: 100%">
                        <view style="position:flex;align-items:center;justify-content:center">
                              <!-- <button>点击查看菜品榜单</button> -->
                        </view>
                  </scroll-view>
            </swiper-item>

            <swiper-item catchtouchmove='catchTouchMove'>
                  <scroll-view scroll-y="true" style="height: 100%">
                        <include src="notice.wxml" />
                  </scroll-view>
            </swiper-item>
      </swiper>
</view>