pos_xcx/pages/index/index.wxml

<!--index.wxml-->
<view class="container">

  <view>
    <!-- 店铺信息 -->
    <view class="shop">
      <view class="title">
        <view class="c-202020" user-select="false" space="false" decode="false">附近门店
        </view>
        <navigator class="c-202020 f15" url="../shop/shop" hover-class="none" open-type="navigate">
          查看全部
          <image class="" src="../../images/right.png" style="width: 25rpx;height: 25rpx;">

          </image>
        </navigator>
      </view>
      <!-- 店铺 -->
      <shop shops="{{shopList}}"></shop>
    </view>
    <!-- 产品信息 -->
    <view class="product">

      <mp-tabs tabs="{{tabs}}" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick"
        bindchange="swiperChange" activeClass="tab-bar-title__selected" swiperHeight="{{(tabs[activeTab].list.length)*420}}">
        <block wx:for="{{tabs}}" wx:key="title">

          <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick">
            <view style="overflow-y: auto;height:{{productHeight}}rpx">
              <block wx:for="{{tabs[index].list}}" wx:key="id">
                <view class="productinfo">
                  <view class="product-item" style="background-image: url({{item.imgurl}});">

                    <view class="product-desc" style="height:390rpx">
                      <view class="f17">{{item.title}}</view>
                      <view class=".fw700">¥{{item.price}}/人</view>
                      <view class="f13">{{item.desc}}</view>
                    </view>
                   
                    <view class="order {{item.open?'':'gray'}}">
                      <view >
                        立即预约
                      </view>
                    </view>
                  </view>
                </view>
              </block>

            </view>
          </view>
        </block>
      </mp-tabs>

    </view>

  </view>



</view>