shopCategory.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <view class="container">
  2. <!-- 店铺信息 -->
  3. <view class="shop" bindtap="toShopInfo">
  4. <view class="shopInfo" data-shopid="{{shopId}}">
  5. <view class="shopLogo">
  6. <image src="{{shopInfo.shopLogo}}" alt="shopLogo"></image>
  7. </view>
  8. <view class="shopTitle">
  9. <view class="shopName">{{shopInfo.shopName}}</view>
  10. <text class="shopIntro">{{shopInfo.intro}}</text>
  11. </view>
  12. </view>
  13. </view>
  14. <!-- 头部搜索区 -->
  15. <view class='search-bar'>
  16. <view class='search-box' bindtap='toShopSearchPage'>
  17. <image src='../../images/icon/search.png' class='search-img'></image>
  18. <text class='sear-input'>搜索店内商品</text>
  19. </view>
  20. </view>
  21. <!-- 滚动内容区 -->
  22. <view class="main">
  23. <!-- 左侧菜单start -->
  24. <scroll-view scroll-y="true" class='leftmenu'>
  25. <block wx:for='{{shopCategoryList}}' wx:key='categoryId'>
  26. <view class='menu-item {{selIndex==index?"active":""}} ' data-index="{{index}}" data-categoryid="{{item.categoryId}}" bindtap='onMenuTab'>
  27. {{item.categoryName}}
  28. </view>
  29. </block>
  30. </scroll-view>
  31. <!-- 左侧菜单end -->
  32. <!-- 右侧内容start -->
  33. <scroll-view scroll-y="true" class='rightcontent' lower-threshold="200" bindscrolltolower="getNextPage">
  34. <view class='cont-item'>
  35. <block wx:for='{{prodList}}' wx:for-item="prod" wx:key='prodId'>
  36. <view class='show-item' bindtap='toProdPage' data-prodid="{{prod.prodId}}">
  37. <view class='more-prod-pic'>
  38. <image src='{{prod.pic}}' class='more-pic' mode='widthFix'></image>
  39. </view>
  40. <view class='prod-text-right'>
  41. <view class='prod-text more'>{{prod.prodName}}</view>
  42. <view class='cate-prod-info'>{{prod.brief}}</view>
  43. <view class='prod-price more'>
  44. <text class='symbol'>¥</text>
  45. <text class='big-num'>{{prod.price}}</text>
  46. </view>
  47. </view>
  48. </view>
  49. </block>
  50. <view class="empty-tips" wx:if="{{prodList.length==0}}">此分类下暂无商品</view>
  51. <view class="empty-tips all" wx:if="{{current==pages}}">已加载所有商品</view>
  52. </view>
  53. </scroll-view>
  54. <!-- 右侧内容end -->
  55. </view>
  56. <shop-tabbar style="position:fixed;bottom:0;width:100%;left:0;right:0;" currentTab="2"></shop-tabbar>
  57. </view>
  58. <wxs module="wxs" src="../../wxs/number.wxs" />