index.wxml 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!--index.wxml-->
  2. <wxs src="../../app.wxs" module='tool' />
  3. <wxs src="index.wxs" module='index' />
  4. <view class="container" style="top:{{transition?'0':index.getTop(scrollTop, per)}}rpx" hidden="{{show}}">
  5. <!-- 轮播及条件筛选开始 -->
  6. <view class="block">
  7. <!-- 页面标题 -->
  8. <view class="block-title" bindtap="toPerson">
  9. <!-- <text>需求大厅</text> -->
  10. <image src="/images/icon/person.png"></image>
  11. </view>
  12. <!-- 页面标题结束 -->
  13. <swiper class="swiper" indicator-dots indicator-color='#fff' indicator-active-color="#fff" autoplay='{{autoplay}}' circular='{{circular}}' interval='{{interval}}' duration='{{duration}}'>
  14. <swiper-item wx:for='{{swiper}}' wx:key='{{index}}'>
  15. <image src="{{item}}"></image>
  16. </swiper-item>
  17. </swiper>
  18. <!-- 条件筛选开始 -->
  19. <view class="choose-area-content {{fixTop < scrollTop?'fixed':''}}">
  20. <view class="choose-area">
  21. <view class="condition">
  22. <view bindtap="openArea">
  23. <text class="condition-content">{{district}}</text>
  24. <image src="/images/icon/up.png"></image>
  25. </view>
  26. </view>
  27. <view class="condition">
  28. <view data-condition="industry" bindtap="chooseCondition">
  29. <text class="condition-content {{condition==='industry'&&'color'}}">{{industry}}</text>
  30. <image src="{{condition==='industry'?'/images/icon/down-empty-action.png':'/images/icon/up-empty.png'}}"></image>
  31. </view>
  32. <view style="margin-left:15rpx;" data-condition="price" bindtap="chooseCondition">
  33. <text class="condition-content {{condition==='price'&&'color'}}">{{price}}</text>
  34. <image src="{{condition==='price'?'/images/icon/down-empty-action.png':'/images/icon/up-empty.png'}}"></image>
  35. </view>
  36. </view>
  37. </view>
  38. <view class="industry-list" hidden="{{condition!=='industry'}}">
  39. <view class="industry-list-item {{index===industry_index?'condition-list-item-action':''}}" wx:for='{{industryList}}' wx:key='{{index}}' bindtap="choose" data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view>
  40. </view>
  41. <view class="price-list" hidden="{{condition!=='price'}}">
  42. <view class="price-list-item {{index===price_index?'condition-list-item-action':''}}" wx:for='{{priceList}}' wx:key='{{index}}' bindtap="choose" data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view>
  43. </view>
  44. </view>
  45. <!-- 条件筛选结束 -->
  46. </view>
  47. <!-- 轮播及条件筛选结束 -->
  48. <!-- 需求列表开始 -->
  49. <view class="list {{fixTop < scrollTop?'margin':''}} ">
  50. <view class="list-item" wx:for='{{list}}' wx:key='{{index}}' data-id="{{item.id}}" bindtap="toDetail">
  51. <view class="top">
  52. <text class="name">{{item.name}}</text>
  53. <text class="payment">
  54. <text>{{item.price}}元*</text>
  55. <text wx:if='{{item.settlementMethod===1 }}'>{{item.stage || 0}}期</text>
  56. <text wx:if='{{item.settlementMethod===0 }}'>1次</text>
  57. </text>
  58. </view>
  59. <view class="midden">
  60. <text class="company">{{item.companyName}}</text>
  61. <text class="time">{{tool.formatTime(item.createTime,'.','',true)}}</text>
  62. </view>
  63. <view class="bottom">
  64. <view class="bottom-item">
  65. <image src="/images/icon/address.png"></image>
  66. <text>{{item.provinceCityCountry}}</text>
  67. </view>
  68. <view class="bottom-item">
  69. <image src="/images/icon/job.png"></image>
  70. <text>任务数:{{item.number || '若干'}}</text>
  71. </view>
  72. </view>
  73. </view>
  74. <view class="offline" wx:if='{{offline}}'>
  75. <view class="offline-content">
  76. <image src="/images/icon/offline.png"></image>
  77. <text>没有网络连接</text>
  78. <view class="offline-btn" bindtap="getList">重新加载</view>
  79. </view>
  80. </view>
  81. <view class="loading" wx:if='{{loading}}'>
  82. <view class="offline-content loading-content">
  83. <image src="/images/icon/loading.png"></image>
  84. <text>加载中</text>
  85. </view>
  86. </view>
  87. <view class="list-length" wx:if='{{list_length}}'>
  88. <view class="offline-content list-length-content">
  89. <image src="/images/icon/empty.png"></image>
  90. <text>暂无需求</text>
  91. </view>
  92. </view>
  93. </view>
  94. <!-- 需求列表结束 -->
  95. </view>
  96. <!-- 蒙层 地区选择开始 -->
  97. <view class="cover" animation='{{cover_animation}}'>
  98. <select-district bind:colose='coloseDistrict' bind:submit='saveDistrict' />
  99. </view>
  100. <!-- 蒙层 地区选择结束 -->