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