pos_xcx/pages/index/index.wxml

<!-- index.wxml -->
<view class="container">
  <!-- 店铺信息 -->
  <view class="shop">
    <view class="title">
      <view class="c-202020 title-left" user-select="false" space="false" decode="false">
        <image class="shop-icon" src="../../images/icons/shop-icon.png" lazy-load="false"></image>
        康道养生馆
      </view>
      <navigator class="c-202020 f15" url="../shop/shop" hover-class="none" open-type="navigate">
        {{storeInfo.storeName}}
        <image class="" src="../../images/icons/next.png" style="width: 25rpx;height: 25rpx;"></image>
      </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">
    <mp-tabs tabs="{{tabs}}" tab-class="tabItem" activeTab="{{activeTab}}" swiperClass="weui-tabs-swiper" bindtabclick="onTabClick" bindchange="onChange" activeClass="tab-bar-title__selected" tabUnderlineColor="#292E37" tabInactiveTextColor="#fff" tabActiveTextColor="#b1a384" tabBackgroundColor="#292E37" swiperHeight="1800">
      <block wx:for="{{tabs}}" wx:key="id">
        <view class="tab-content" data-set="{{item}}" slot="tab-content-{{index}}" bind:tap="handleClick" >
          <view class="shop-info">
            <image class="shop-img" src="{{tabs[index].productTypeImg}}" lazy-load="false"></image>
          </view>
          <view wx:if="{{tabs[index].list.length}}"  class="productinfo" >
            <block wx:for="{{tabs[index].list}}" wx:key="id">
              <view class="product-item" data-productid="{{item.id}}" bindtap="gotoAppointment">
                <image class="product-img" src="{{item.productImg}}" lazy-load="false" binderror="" bindload=""></image>
                <view class="product-desc">
                  <view class="fw700 product-name">{{item.productName}}</view>
                  <view class="price">
                    <view class="gold">会员价：¥{{item.currentPrice}}</view>
                    <view class="gray">非会员价：¥{{item.oldPrice}}</view>
                  </view>
                </view>
              </view>
            </block>
          </view>
          <view wx:else>
            <image class="noProduct"  src="../../images/no-product.png"></image>
            <view class="noProductText">暂无产品</view>
          </view>
        </view>
      </block>
    </mp-tabs>
    <!-- </view>
    </block> -->
  </view>
  <!-- <view  class="orderFood" bindtap="goSmdd" wx:if="isShowFood">
    <image src='/images/canju.png'></image>
  </view> -->
</view>