<!--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>
      <!-- 店铺 -->
      <view wx:if="{{locationFlag}}">

        <navigator url="../../pages/shopinfo/shopinfo?id={{item.id}}" wx:for="{{shopList}}" wx:key="id"
          hover-class="none">
          <view class="shop-info">
            <view class="shopimg">
              <image src="{{item.imgurl}}" mode="aspectFill" lazy-load="false" class="img">

              </image>
            </view>
            <view class="shopmsg">
              <view class="shopview">
                <view class="c-202020">
                  {{item.shopname}}
                </view>
                <view class="c-202020 mark f12 {{item.new?'new':''}} {{item.discount?'discount':''}}"
                  wx:if="{{item.mark}}">
                  {{item.marktext}}
                </view>
              </view>
              <view class="shopview">
                <view>

                  <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>0?'filled':'outline'}}"></mp-icon>
                  <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>1?'filled':'outline'}}"></mp-icon>
                  <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>2?'filled':'outline'}}"></mp-icon>
                  <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>3?'filled':'outline'}}"></mp-icon>
                  <mp-icon icon="star" color="#E15F3D" size="18" type="{{item.stars>4?'filled':'outline'}}"></mp-icon>
                </view>
              </view>
              <view class="shop-address shopview">

                <view class="c-707070 f12">
                  <mp-icon icon="location" color="#707070" size="20" class="address-icon"></mp-icon>
                  {{item.shop_address}}
                </view>
                <view class="c-707070 f12">
                  {{item.shop_distance}}
                </view>
              </view>
            </view>

          </view>
        </navigator>
      </view>
      <view class="user-location-btn" wx:if="{{!locationFlag}}">
        <button class="location-btn">授权获取附近门店</button>
      </view>
    </view>
    <!-- 产品信息 -->
    <view class="product" style="height: {{productHeight+100}}rpx;">

      <!--   <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>
 -->

      <block wx:for="{{productList}}" wx:key="id">
        <view class="productinfo">
          <view class="product-item" style="background-image: url({{item.imgurl}});">

            <view class="product-desc">
              <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>



</view>