pos_xcx/pages/index/index.wxml

<view class="content">
  <view>
    
  </view>
</view>

<!--index.wxml-->
<view class="container">
    <!-- 店铺信息 -->
    <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/icons/right.png" style="width: 25rpx;height: 25rpx;">
          </image>
        </navigator>
      </view>
      <!-- 店铺 -->
      <view wx:if="{{locationFlag}}">

        <navigator url="../../pages/shopinfo/shopinfo?id={{storeInfo.id}}" 
          hover-class="none">
          <view class="shop-info">
              <view class="shopimg">
                  <image src="{{storeInfo.logo}}" mode="aspectFill" lazy-load="false" class="img">
                  </image>
              </view>
              <view class="shopmsg">
                  <view class="shopview">
                      <view class="c-202020">
                          {{storeInfo.storeName}}
                      </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="{{parseInt(storeInfo.storeScore)>0?'filled':'outline'}}"></mp-icon>
                          <mp-icon icon="star" color="#E15F3D" size="18" type="{{parseInt(storeInfo.storeScore)>1?'filled':'outline'}}"></mp-icon>
                          <mp-icon icon="star" color="#E15F3D" size="18" type="{{parseInt(storeInfo.storeScore)>2?'filled':'outline'}}"></mp-icon>
                          <mp-icon icon="star" color="#E15F3D" size="18" type="{{parseInt(storeInfo.storeScore)>3?'filled':'outline'}}"></mp-icon>
                          <mp-icon icon="star" color="#E15F3D" size="18" type="{{parseInt(storeInfo.storeScore)>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>
                          {{storeInfo.address}}
                      </view>
                      <view class="c-707070 f12">
                          {{storeInfo.distance}}
                      </view>
                  </view>
              </view>
          </view>
        </navigator>
      </view>
      <view class="user-location-btn" wx:if="{{!locationFlag}}" >
        <button class="location-btn" open-type="getLocation" catchtap="getLocation" >授权获取附近门店</button>
      </view>
    </view>
    <!-- 产品信息 -->
    <view class="product" >

 <block wx:for="{{productList}}" wx:key="id" >
  <view class="productinfo">
    <view class="product-item" data-productid="{{item.id}}" bindtap = "showProduct" style="background-image: url({{item.productImg}});">
      <view class="product-desc" >
        <view class="f17">{{item.productName}}</view>
        <view class=".fw700">¥{{item.currentPrice}}/人</view>
        <!-- <view class="f13">{{item.productContent}}</view> -->
      </view>
      <view class="order {{item.status==1?'':'gray'}}">
        <view >
          立即预约
        </view>
      </view>
    </view>
  </view>
</block>
    </view>


</view>