index.wxml 3.4 KB

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