业务交流通
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.wxml 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!-- index.wxml -->
  2. <view class="home-page page-container">
  3. <!-- 搜索块 -->
  4. <view class="search-view">
  5. <view class="serach-input-view">
  6. <image class="hhr-img fl" src="/images/home/hhr-icon.png" />
  7. <view class="input-box fl">
  8. <input class="weui-serach-input" value="{{ keyword }}" bindinput="bindKeyInput" bindconfirm="toSearch" confirm-type="search" placeholder="请输入关键字搜索" placeholder-class="phcolor"></input>
  9. </view>
  10. <view class="search-img-view" bindtap="toSearch">
  11. <image class="search-img" src="/images/home/search-icon.png" />
  12. </view>
  13. </view>
  14. <view class="title">
  15. 全方位需求
  16. <text class="sub-title">交流平台</text>
  17. </view>
  18. <button type="default" plain class="set-attention" id="shouquan" bindtap="setAttention">
  19. 设置关注类型喜好 >>
  20. </button>
  21. <image class="header-img" src="/images/home/header-icon.png" />
  22. </view>
  23. <!-- tab块 -->
  24. <view class="tab-view">
  25. <view wx:for="{{tabData}}" class="tab-li" wx:key="*this">
  26. <view class="tab-span {{currentTab == item.value ? 'isActive' : ''}}" bindtap="tabChange" data-value="{{ item.value }}">
  27. {{item.text}}
  28. </view>
  29. </view>
  30. <view class="tab-li last">
  31. <view class="tab-span {{currentTab == 'more' ? 'isActive' : ''}}" bindtap="toggleMore">
  32. {{ moreTitle }}
  33. </view>
  34. </view>
  35. <view class="tab-li right">
  36. <van-dropdown-menu class="tab-menu" active-color="#5e73e5">
  37. <van-dropdown-item id="item" bindchange="moreTabChange" title-class="{{ currentTab == 'more' ? 'isActive' : '' }}" value="{{ moreTab }}" options="{{ moreTabOption }}" />
  38. </van-dropdown-menu>
  39. </view>
  40. </view>
  41. <!-- list块 -->
  42. <view class="list-loading text-center" wx:if="{{ listLoading }}">
  43. <van-loading size="24px">加载中...</van-loading>
  44. </view>
  45. <view wx:else>
  46. <view class="not-data" wx:if="{{ listData.length < 1 }}">
  47. <image class="not-data-img" src="/images/home/not-data.png" />
  48. <view class="not-info" wx:if="{{ currentTab == 'all' }}">抱歉,暂无任何需求</view>
  49. <view class="not-info" wx:elif="{{ currentTab == 'my' }}">
  50. <view>您尚未设置关注类型喜好</view>
  51. <view style="margin-bottom: 10rpx;">设置后将为您进行需求推荐~</view>
  52. <van-button class="set-attention-btn" color="#5e73e5" round bind:click="setAttention">
  53. 设置关注类型喜好
  54. </van-button>
  55. </view>
  56. <view class="not-info" wx:else>抱歉,暂无任何需求</view>
  57. </view>
  58. <view wx:else>
  59. <view class="list-view" wx:for="{{ listData }}" wx:key="*this">
  60. <listItem item="{{ item }}" bind:getItem="goDetails" />
  61. </view>
  62. <view class="text-center" wx:if="{{ itemLoading }}">
  63. <van-loading size="24px">加载中...</van-loading>
  64. </view>
  65. <view class="list-finished text-center" wx:if="{{ isFinished }}">
  66. <image class="finished-img" src="/images/home/finished-icon.png" />
  67. 没有更多啦~
  68. </view>
  69. </view>
  70. </view>
  71. <tabBar currentIndex="{{currentIndex}}"></tabBar>
  72. </view>