yutang/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <swiper class="swiper">
    <swiper-item wx:for="{{content.cover}}">
      <image src="https://yutang.web.ximengnaikang.com/storage/{{item}}"></image>
    </swiper-item>
  </swiper>
  <view class="title">
    <text>{{content.name}}</text>
    <text>{{content.description}}</text>
  </view>
  <view class="tabbar">
    <view wx:for="{{arr}}" class="view {{arrIndex==index?'active':''}}" bindtap="tabbar" data-index="{{index}}">
      <text>{{item.title}}</text>
    </view>
  </view>
  <swiper class="tabSwiper" current="{{arrIndex}}" bindchange="swiper">
    <swiper-item wx:for="{{tabSwiper}}" class="swiper-item" wx:for-item="tabItem">
      <view wx:for="{{tabItem.day_text}}" wx:for-item="viewItem" class="view">
        <view class="left">
          <view class="top">
            <text>{{viewItem.date}}</text>
            <text>({{viewItem.w}})</text>
          </view>
          <view class="bottom" style="display:flex;">
            <view style="font-size:28rpx;margin-right:20rpx;">已预约:<text style="color:#43e0bb;">{{viewItem.num}}</text></view>
            <view style="font-size:28rpx;">总坐席:<text style="color:#43e0bb;">{{tabItem.number}}</text></view>
          </view>
        </view>
        <view class="center">
          <text>￥{{tabItem.money}}</text>
        </view>
        <view class="right">
          <view bindtap="yuyue" data-item="{{viewItem}}" data-yuName="{{tabItem.name}}" data-num="{{tabItem.number-viewItem.num}}">
            <text>预约</text>
          </view>
        </view>
      </view>
    </swiper-item>
  </swiper>
</view>
<view class="background" wx:if="{{show}}"></view>
<view class="model" wx:if="{{show}}">
  <view class="text">
    <text >预约订单</text>
  </view>
  <view class="center" style="color:black">
    <text>{{info.date}}({{info.w}})</text>
    <text>{{yuName}}</text>
  </view>
  <view class="bottom">
    <text style="font-size:28rpx;">预约位席数:</text>
    <view class="right">
      <view style="width:30%;border-right:2rpx solid #d6e4ef;" bindtap="{{color=='#ccc' ? '': 'jian'}}">
        <text style="color:{{color}}">-</text>
      </view>
      <view style="width:40%;border-right:2rpx solid #d6e4ef;">
        <text>{{num}}</text>
      </view>
      <view style="width:30%;" bindtap="{{jiaColor =='blue' ? 'jia' : ''}}">
        <text style="color:{{jiaColor}}">+</text>
      </view>
    </view>
  </view>
  <view class="coupon" wx:if="{{coupon!=''}}">
    <text>已选择最佳优惠：</text>
    <text>{{coupon.data.single_money}}元</text>
  </view> 
  <view class="anniu">
    <view style="box-sizing:border-box;border-right:2rpx solid #ccc;" bindtap="quxiao">
      <text>取消</text>
    </view>
    <view bindtap="queren" style="color:blue;">
      <text>确认</text>
    </view>
  </view>
</view>
<import src="../../wxParse/wxParse.wxml" />
<text class="parseTitle">~~盛和垂钓园简介~~</text>
<view class="wxparse">
  <template is="wxParse" data="{{wxParseData:article.nodes}}" />
</view>