index.wxml 5.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. <view class="grid_item" wx:key="index" wx:for="{{ftypeList}}" data-type="{{item.ftype}}" bindtap="switchScreenType">
  19. <view class="grid_item_image {{ftype==item.ftype?'grid_item_pitchOn':''}}">
  20. <!-- <image></image> -->
  21. </view>
  22. <view class="grid_item_title">{{item.ftype}}</view>
  23. </view>
  24. </view>
  25. <!-- 列表 -->
  26. <My_SupplyAndDemandItemBox data-index="{{index}}" bindtap="jumpForDetails" wx:for="{{productList}}" title="【{{item.ftitle}}】{{item.fcontent}}" time="{{item.checkdate}}" imageList="{{item.attinfos}}" bindstopOnShow="stopOnShow">
  27. <!-- 内容信息插槽 -->
  28. <view slot="dataAndBut">
  29. <view class="dataAndBut">
  30. <view class="dataAndBut_data">
  31. 浏览次数:{{item.freadtimes}}次 意向沟通人数:{{item.fcommunicationtimes}}次
  32. </view>
  33. <view class="dataAndBut_but">
  34. <van-button wx:if="{{item.fstatus == '待对接'}}" color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut" catchtap="contact">一键联系</van-button>
  35. <van-button wx:else color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-NoSlotBut" catchtap="stop">{{item.fstatus}}</van-button>
  36. </view>
  37. </view>
  38. </view>
  39. </My_SupplyAndDemandItemBox>
  40. </van-tab>
  41. <van-tab title="正在对接">
  42. <view class="abutting-joint-box">
  43. <view class="abutting-joint-titleAndMsg">
  44. <view class="abutting-joint-title">各位老板看下有以下面料的联系我,高价收!</view>
  45. <view class="abutting-joint-msg"><text style="color: #FF0000; opacity: .5;">[23条]</text>李老板:多少钱收?多少钱收?</view>
  46. </view>
  47. <view class="abutting-joint-timeAndBut">
  48. <view class="abutting-joint-time">2021-11-10 14:23:43</view>
  49. <van-button custom-class="abutting-joint-but"><text class="abutting-joint-but-text">继续沟通</text></van-button>
  50. </view>
  51. </view>
  52. </van-tab>
  53. <van-tab title="我的需求">
  54. <!-- 搜索 -->
  55. <view class="my-need-search">
  56. <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" />
  57. <view class="my-need-search-but">
  58. <van-icon name="search" />
  59. </view>
  60. </view>
  61. <!-- 列表 -->
  62. <My_SupplyAndDemandItemBox wx:for="{{productList}}" title="【{{item.ftitle}}】{{item.fcontent}}" time="{{item.checkdate}}" imageList="{{item.attinfos}}" data-index="{{index}}" bindtap="jumpForDetails">
  63. <!-- 下架按钮插槽 -->
  64. <view slot="soldOutBut">
  65. <van-button data-index="{{index}}" plain color="#4DC2D4" custom-class="soldOutBut" catchtap="soldOut">下架</van-button>
  66. </view>
  67. <!-- 内容信息插槽 -->
  68. <view slot="dataAndBut">
  69. <view class="dataAndBut">
  70. <view class="dataAndBut_data">
  71. 浏览次数:{{item.freadtimes}}<text catchtap="showCommunicationOfNumber">意向沟通人数</text>:{{item.fcommunicationtimes}}次
  72. </view>
  73. <view class="dataAndBut_but">
  74. <van-button color="#4DC2D4" data-index="{{index}}" style="margin-left: 16rpx;" custom-class="custom-slotBut" catchtap="productEdit">编辑</van-button>
  75. </view>
  76. </view>
  77. </view>
  78. </My_SupplyAndDemandItemBox>
  79. </van-tab>
  80. </van-tabs>
  81. </view>
  82. <!-- 我的需求弹框 -->
  83. <van-action-sheet show="{{ ifShowCommunicationOfNumber }}" bind:close="showCommunicationOfNumber">
  84. <view class="CommunicationOfNumber">
  85. <view class="CommunicationOfNumber-title">沟通列表</view>
  86. <view class="CommunicationOfNumber-list">
  87. <view wx:for="{{5}}">2021-02-13 16:34:45<text>用户:啊9999</text>发起联系,遗憾未达成合作</view>
  88. </view>
  89. </view>
  90. <view style="height: 50px;"></view>
  91. </van-action-sheet>
  92. <!-- 右侧吸附按钮 -->
  93. <My_adsorbRight></My_adsorbRight>
  94. <!-- 触底展示 -->
  95. <My_pageReachBottom dummyStatus="{{productList.length>=1}}" loadMore="{{pageTotal<pageNumber}}"></My_pageReachBottom>
  96. <!-- 安全距离 -->
  97. <view style="height: 34px;"></view>