index.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!--pages/search/index.wxml-->
  2. <view class="search-box">
  3. <view class="top">
  4. <view class="top-search">
  5. <view class='list-search-box' bindtap="onBindFocus">
  6. <icon type="search" color="#cccccc" size="18" class='list-iconfont' />
  7. <input value="{{params.keyword}}" placeholder="输入搜索内容" bindinput="bindKeyInput" />
  8. </view>
  9. <view class="close" bindtap="closeSearch">取消</view>
  10. </view>
  11. <view class="tabs">
  12. <view class="tab {{ current == index ? 'activateTab' : ''}}" wx:for="{{tabsList}}" data-index="{{index}}"
  13. bindtap="tabChange">{{item.label}}</view>
  14. </view>
  15. </view>
  16. <view class="fixed-box"></view>
  17. <view class="content">
  18. <scroll-view scroll-y>
  19. <view wx:if="{{current == 0}}">
  20. <view style="{{ index == 0 ? 'padding-top:0;' : '' }}" class="categoryitem" data-id="{{item.id}}"
  21. wx:for="{{listData}}" wx:key="item" bindtap="toPartDetail">
  22. <view class="img-sex">
  23. <!-- {{appAssetsUrl2}}wjxy/mine/vip-icon.png /images/wjxy/boy.png -->
  24. <!--<image src="{{ item.sexlimit == '01' ? appAssetsUrl2 + 'wjxy/boy.png' : item.sexlimit == '02' ? appAssetsUrl2+'wjxy/girl.png' : appAssetsUrl2+'wjxy/boy_girl.png' }}" class="{{ item.sexlimit == '01' ? 'per-img1' : item.sexlimit == '02' ? 'per-img2' : 'per-img3' }}"></image>-->
  25. <image src="{{ item.sexlimit == '01' ? appAssetsUrl3 + 'online/boy.png' : item.sexlimit == '02' ? appAssetsUrl3+'online/girl.png' : appAssetsUrl3+'online/boy_girl.png' }}" class="{{'per-img3'}}"></image>
  26. </view>
  27. <view class="right-box">
  28. <view class="catetop">
  29. <text class="titlex">{{item.title}}</text>
  30. </view>
  31. <view class="catebottom">
  32. <view class="bot-left">
  33. <view class="bot-left-type">{{ item.typeName }}</view>
  34. <view class="bot-time">
  35. <i class="iconfont1 icon-31shijian time-icon"></i>
  36. <view class="time-box">{{item.workdateStart + '-' + item.workdateEnd}}</view>
  37. </view>
  38. <view style="margin-top:10rpx;">
  39. <i class="iconfont1 icon-dizhi icon-home-dizhi time-icon"></i>
  40. <view class="address">{{item.address}}</view>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="type-sex">
  45. <view class="type-box-sex">
  46. <view class="type">{{ item.categoryName }}</view>
  47. <view class="sex" wx:if="{{ item.sexlimitName }}">{{ item.sexlimitName }}</view>
  48. </view>
  49. <view class="bot-right">
  50. <view class="price">
  51. <text class="p1">¥</text>
  52. <text class="p2">{{item.price}}</text>
  53. <text class="p1">/{{item.unitName}}</text>
  54. </view>
  55. <view class="sub-btn {{item.statusName=='预定中'?'green':''}}">{{item.statusName}}</view>
  56. </view>
  57. <!-- <view class="sub-btn {{item.statusName=='预定中'?'green':''}}">{{item.statusName}}</view> -->
  58. </view>
  59. </view>
  60. </view>
  61. </view>
  62. <view wx:if="{{current == 1}}">
  63. <view class='boxm boxmfix' data-id="{{item.id}}" bindtap='activeDetail' wx:for="{{listData}}" wx:key="item">
  64. <view class="rel img-view">
  65. <image mode="aspectFill" src="{{item.thumbnailImg}}" lazy-load='true'></image>
  66. <view
  67. class="status {{item.statusName === '进行中' ? 'activestatus' : item.statusName === '报名中' ? 'baostatus' : item.statusName === '已结束' ? 'endstatus' : item.statusName === '已报满' ? 'mstatus' : 'nostatus'}}">
  68. {{item.statusName}}</view>
  69. </view>
  70. <view class="txt-con txt-con-fix">
  71. <view>
  72. <!-- item.title -->
  73. <view class="title">{{item.title}}</view>
  74. <view class="item">
  75. <view class="time-box">
  76. <view class="icon-box"><i class="iconfont1 icon-rili icon-time"></i></view>
  77. <span>时间: {{item.startTime}}—{{item.endTime}}</span>
  78. </view>
  79. </view>
  80. <view class="address-type">
  81. <view class="active-item-address">
  82. <view class="icon-box"><i class="iconfont icon-dizhi icon-list-dizhi"></i></view>
  83. <view class="address-word">地址: {{item.address}}</view>
  84. </view>
  85. <!-- <view class="active-type" wx:if="{{item.isNeedVip == 1}}">潮兼职免费</view> -->
  86. </view>
  87. <view class="num-price">
  88. <view class="num" style="color:#999999;">
  89. <view class="icon-box"><i class="iconfont1 icon-quanxiaozongrenshu icon-pel"></i></view>
  90. <span>名额: {{item.willnum}}</span>
  91. </view>
  92. </view>
  93. </view>
  94. <view style="margin-top:10rpx;" class="price-h">
  95. <text class="p1">¥</text>
  96. <text class="p2">{{item.money}}</text>
  97. </view>
  98. </view>
  99. </view>
  100. </view>
  101. <block wx:if="{{listData.length<=0}}">
  102. <view class='tc h100'>
  103. <image src="{{nodata}}" class='nodata-img'></image>
  104. </view>
  105. </block>
  106. </scroll-view>
  107. </view>
  108. </view>