index.wxml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!-- 自定义头部 -->
  2. <My_navBar></My_navBar>
  3. <!-- banner -->
  4. <view class="supplyAndDemandBanner">
  5. <swiper class="swiperBanner" autoplay indicator-dots circular="true" indicator-active-color="#fff">
  6. <swiper-item wx:for="{{swiperBannerList}}" wx:key="index">
  7. <image src="{{item.url}}" mode="aspectFill"></image>
  8. </swiper-item>
  9. </swiper>
  10. </view>
  11. <!-- tabs切换栏 -->
  12. <view class="tabs_box">
  13. <van-tabs active="{{ active }}" bind:change="tabsChange" custom-class="tabs-custom-class" tab-active-class="tabs-active-class" ellipsis="{{false}}" line-width="30px" color="#4DC2D4" title-active-color="#4DC2D4" swipeable>
  14. <view style="height: 10rpx;"></view>
  15. <van-tab title="所有信息">
  16. <!-- 宫格 -->
  17. <view class="grid_box">
  18. <van-grid border="{{false}}" bindtap="gridJumpPage">
  19. <van-grid-item wx:for="{{gridList}}" data-name="{{item.text}}" icon="{{item.icon}}" text="{{item.text}}" text-class="grid_text-class" />
  20. </van-grid>
  21. </view>
  22. <!-- 列表 -->
  23. <My_SupplyAndDemandItemBox wx:for="{{5}}" title="【窗帘布】各位老板看下有以下面料的联系" time="2021-11-10 14:23:43">
  24. <!-- 内容信息插槽 -->
  25. <view slot="dataAndBut">
  26. <view class="dataAndBut">
  27. <view class="dataAndBut_data">
  28. 浏览次数:245次<text>意向沟通人数</text>:134次
  29. </view>
  30. <view class="dataAndBut_but">
  31. <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut">一键联系</van-button>
  32. </view>
  33. </view>
  34. </view>
  35. </My_SupplyAndDemandItemBox>
  36. </van-tab>
  37. <van-tab title="正在对接">
  38. <My_SupplyAndDemandItemBox wx:for="{{5}}" title="各位老板看下有以下面料的联系" time="2021-11-10 14:23:43">
  39. <!-- 内容信息插槽 -->
  40. <view slot="dataAndBut">
  41. <view class="dataAndBut">
  42. <view class="dataAndBut_data">
  43. 浏览次数:245次<text>意向沟通人数</text>:134次
  44. </view>
  45. <view class="dataAndBut_but">
  46. <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut butt-joint">正在对接</van-button>
  47. </view>
  48. </view>
  49. </view>
  50. </My_SupplyAndDemandItemBox>
  51. </van-tab>
  52. <van-tab title="我的需求">
  53. <!-- 搜索 -->
  54. <view class="my-need-search">
  55. <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" />
  56. <view class="my-need-search-but">
  57. <van-icon name="search" />
  58. </view>
  59. </view>
  60. <!-- 列表 -->
  61. <My_SupplyAndDemandItemBox wx:for="{{5}}" title="【窗帘布】各位老板看下有以下面料的联系" time="2021-11-10 14:23:43">
  62. <!-- 下架按钮插槽 -->
  63. <view slot="soldOutBut">
  64. <van-button plain color="#4DC2D4" custom-class="soldOutBut">下架</van-button>
  65. </view>
  66. <!-- 内容信息插槽 -->
  67. <view slot="dataAndBut">
  68. <view class="dataAndBut">
  69. <view class="dataAndBut_data">
  70. 浏览次数:245次<text>意向沟通人数</text>:134次
  71. </view>
  72. <view class="dataAndBut_but">
  73. <van-button color="#4DC2D4" custom-class="custom-slotBut">编辑</van-button>
  74. <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut">正在对接</van-button>
  75. </view>
  76. </view>
  77. </view>
  78. </My_SupplyAndDemandItemBox>
  79. </van-tab>
  80. </van-tabs>
  81. </view>
  82. <!-- 右侧吸附按钮 -->
  83. <My_adsorbRight></My_adsorbRight>
  84. <!-- 触底展示 -->
  85. <My_pageReachBottom loadMore="{{pageTotal<pageNumber}}"></My_pageReachBottom>
  86. <!-- 安全距离 -->
  87. <view style="height: 34px;"></view>