<view class="container">
  <!-- 店铺信息 -->
  <view class="shop" bindtap="toShopInfo">
    <view class="shopInfo" data-shopid="{{shopId}}">
      <view class="shopLogo">
        <image src="{{shopInfo.shopLogo}}" alt="shopLogo"></image>
      </view>
      <view class="shopTitle">
        <view class="shopName">{{shopInfo.shopName}}</view>
        <text class="shopIntro">{{shopInfo.intro}}</text>
      </view>
    </view>
  </view>
  <!-- 头部搜索区 -->
  <view class='search-bar'>
    <view class='search-box' bindtap='toShopSearchPage'>
      <image src='../../images/icon/search.png' class='search-img'></image>
      <text class='sear-input'>搜索店内商品</text>
    </view>
  </view>
  <!-- 滚动内容区 -->
  <view class="main">
    <!-- 左侧菜单start -->
    <scroll-view scroll-y="true" class='leftmenu'>
      <block wx:for='{{shopCategoryList}}' wx:key='categoryId'>
        <view class='menu-item {{selIndex==index?"active":""}} ' data-index="{{index}}" data-categoryid="{{item.categoryId}}" bindtap='onMenuTab'>
          {{item.categoryName}}
        </view>
      </block>
    </scroll-view>
    <!-- 左侧菜单end -->

    <!-- 右侧内容start -->
    <scroll-view scroll-y="true" class='rightcontent' lower-threshold="200" bindscrolltolower="getNextPage">
      <view class='cont-item'>
        <block wx:for='{{prodList}}' wx:for-item="prod" wx:key='prodId'>
          <view class='show-item' bindtap='toProdPage' data-prodid="{{prod.prodId}}">
            <view class='more-prod-pic'>
              <image src='{{prod.pic}}' class='more-pic' mode='widthFix'></image>
            </view>
            <view class='prod-text-right'>
              <view class='prod-text more'>{{prod.prodName}}</view>
              <view class='cate-prod-info'>{{prod.brief}}</view>
              <view class='prod-price more'>
                <text class='symbol'>￥</text>
                <text class='big-num'>{{prod.price}}</text>
              </view>
            </view>
          </view>
        </block>
        <view class="empty-tips" wx:if="{{prodList.length==0}}">此分类下暂无商品</view>
        <view class="empty-tips all" wx:if="{{current==pages}}">已加载所有商品</view>
      </view>
    </scroll-view>
    <!-- 右侧内容end -->

  </view>
  <shop-tabbar style="position:fixed;bottom:0;width:100%;left:0;right:0;"  currentTab="2"></shop-tabbar>
</view>
<wxs module="wxs" src="../../wxs/number.wxs" />