index.wxml 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!--index.wxml-->
  2. <!-- pages/index/index.wxml 引入模板 -->
  3. <import src="index.skeleton.wxml" />
  4. <template is="skeleton" wx:if="{{loading}}" />
  5. <wxs module="filter" src="../../utils/filter.wxs"></wxs>
  6. <view class="container">
  7. <!-- <navBar
  8. title-text="CoffeeTalk"
  9. back-icon="/img/nav/back@3x.png"
  10. background="none"
  11. bindback="back"/> -->
  12. <!-- <navBar title-text="CoffeeTalk" background="none" /> -->
  13. <view class="title-img"></view>
  14. <view class="list">
  15. <scroll-view style="height: 100%;" scroll-y>
  16. <view class="black-112"></view>
  17. <view class="no-msg" wx:if='{{!loading && !list.length}}'>暂无数据~</view>
  18. <block wx:else>
  19. <view wx:for='{{list}}' wx:key='index'>
  20. <view class="item" catchtap="goDetail" data-id='{{item.id}}'>
  21. <view class="mask" wx:if="{{item.isoverdue}}"></view>
  22. <view class="me-active" wx:if='{{item.organizer == userInfo.phone}}'>
  23. <image src="../../img/me.png"></image>
  24. </view>
  25. <view class="item-img">
  26. <image lazy-load="{{true}}" src="{{BASEIMGURL + item.imgList.img[0]}}" mode='aspectFill'></image>
  27. <view class="content-title text-overflow">{{item.title}}</view>
  28. </view>
  29. <view class="item-content">
  30. <view class="content-addr">
  31. <view class='addr-icon'>
  32. <image src="../../img/location.png"></image>
  33. </view>
  34. <view>
  35. <text class="addr">{{item.location}}</text>
  36. <text class="addr-m" wx:if='{{item.distance}}'>距您{{filter.toFix(item.distance)}}</text>
  37. </view>
  38. </view>
  39. <view class="content-time">
  40. <view class="time-icon">
  41. <image src="../../img/time.png"></image>
  42. </view>
  43. <view>
  44. <text class="time">{{item.starttime}}</text>
  45. <text class="number" wx:if="{{item.capacity}}">(最多{{item.capacity}} 人)</text>
  46. </view>
  47. </view>
  48. </view>
  49. <view class="line"></view>
  50. <view class="item-fn">
  51. <view class="fn-l">
  52. <text class="fn-t" wx:if='{{item.attendfee == 0}}'>免费</text>
  53. <text class="fn-t" wx:else>{{item.attendfee}}元</text>
  54. <text class="fn-d">/人</text>
  55. </view>
  56. <view class="fn-r" catchtap="touchHandler">
  57. <!-- <view class="go-detail" wx:if='{{item.organizer == userInfo.phone}}' catchtap='goEdit' data-id='{{item.id}}'> -->
  58. <view class="go-detail" wx:if='{{item.organizer == userInfo.phone}}' catchtap='goDetail' data-id='{{item.id}}'>
  59. 查看
  60. </view>
  61. <view class="go-detail" wx:elif='{{item.shareMember == 1}}' catchtap='goDetail' data-id='{{item.id}}'>
  62. 已参加
  63. </view>
  64. <block wx:else>
  65. <!-- <button data-actid='{{item.id}}' wx:if='{{!userInfo.phone}}' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button> -->
  66. <button catchtap='goDetail' data-id='{{item.id}}'></button>
  67. 立即参加
  68. </block>
  69. </view>
  70. </view>
  71. </view>
  72. <view class="black-38"></view>
  73. </view>
  74. </block>
  75. </scroll-view>
  76. </view>
  77. <view wx:if="{{userInfo.role == 'organizer'}}" class="add" bindtap="goAdd">
  78. <text>+</text>
  79. </view>
  80. <!-- <view class="get-info" wx:if='{{!loading && !userInfo.nickname}}'>
  81. <view class="in">
  82. <view class="get-info-head">提示</view>
  83. <view class="get-info-content">请授权您的个人信息!</view>
  84. <view class="get-info-footer">
  85. <text>确定</text>
  86. <button open-type="getUserInfo" bindgetuserinfo="userInfoHandler"></button>
  87. </view>
  88. </view>
  89. </view> -->
  90. </view>