home.wxml 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!--pages/home/home.wxml-->
  2. <!-- <navbar back="{{false}}" title="{{company.companyName}}"></navbar> -->
  3. <view class="custom {{scrollTop > 0 ?'customBg':''}}" style="padding-top:{{topBarHeight}}px">
  4. <!-- <icon class="icon-small" type="search" size="30rpx"></icon> -->
  5. <!-- <view>啊实打实大师大</view> -->
  6. <image src="http://voms.cdn.bosind.com/upload/e8e91fea42a04e6492bf9b5969583163.png" mode="heightFix" style="height: 60rpx;"></image>
  7. </view>
  8. <view class="page">
  9. <view>
  10. <swiper class="swiper" indicator-dots autoplay>
  11. <swiper-item wx:for="{{banner}}" wx:key="id">
  12. <image src="{{item.backImage}}" mode="widthFix"></image>
  13. </swiper-item>
  14. </swiper>
  15. </view>
  16. <navigator open-type="navigate" url="/pages/search/search" class="search">
  17. <input confirm-type="search" placeholder="搜索:产品名称/SKU/69码" />
  18. <icon class="icon-small" type="search" size="40rpx"></icon>
  19. </navigator>
  20. <view class="menu">
  21. <view class="menu-item" wx:for="{{menuList}}" wx:key="id" bind:tap="onMenu">
  22. <image src="{{item.image}}"></image>
  23. <view class="text text1">{{item.name}}</view>
  24. </view>
  25. </view>
  26. <view>
  27. <view class="floorTitle">正品好物推荐</view>
  28. <view class="goodsPanel">
  29. <view class="goodsQuery">
  30. <view class="queryItem">综合</view>
  31. <view class="queryItem">新品</view>
  32. <view class="queryItem iconfont xiaoliang">销量</view>
  33. <view class="queryItem iconfont jiage">价格</view>
  34. <view class="queryItem iconfont shaixuan" bind:tap="shaixuan">筛选</view>
  35. </view>
  36. <view class="goodsList" style="clear: both;">
  37. <navigator url="/pages/goods/goods?prodId={{item.prodId}}" class="goods" wx:for="{{goodsList}}" wx:key="goodsId">
  38. <image src="{{item.picText}}"></image>
  39. <view class="name text2">{{item.prodName}}</view>
  40. <view class="bar">
  41. <view class="price">¥{{item.price}}</view>
  42. <navigator url="/pages/goods/goods?prodId={{item.prodId}}" hover-class="none" class="iconfont icon-lujing icon"></navigator>
  43. </view>
  44. </navigator>
  45. <view class="goods" style="height: 200rpx;">
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. <view class="dialogBg" bindtap="powerDrawer" wx:if="{{showDialog}}" catchtouchmove="stopScroll"></view>
  52. <view animation="{{animationData}}" class="drawer_attr_box" wx:if="{{showDialog}}">
  53. <view class="iconfont icon-guanbi" bindtap="powerDrawer"></view>
  54. <view class="draw_attr_title">全部条件</view>
  55. <view class="drawer_content" style="display: flex;flex-flow: column;max-height: 1000rpx;">
  56. <form class="shaixuanBox" catchsubmit="submitShaixuan" bindreset="submitShaixuanReset">
  57. <view class="shaixuanBoxTitle">品牌:</view>
  58. <view class="shaixuanBoxBrand">
  59. <view wx:for="{{brandList}}" wx:key="id" class="text1 {{item.check?'active':''}}" data-index="{{index}}" bind:tap="onBrand">{{item.name}}</view>
  60. </view>
  61. <view class="shaixuanBoxTitle">价格区间:</view>
  62. <view class="shaixuanBoxPrice">
  63. <input name="minPrice" placeholder="0" />
  64. <input name="maxPrice" placeholder="100" />
  65. </view>
  66. <view class="shaixuanBoxBtn">
  67. <button form-type="reset">清空</button>
  68. <button form-type="submit">确定</button>
  69. </view>
  70. </form>
  71. </view>
  72. </view>
  73. <tabbar></tabbar>