CoffeeTalk/pages/index/index.wxml

<!--index.wxml-->
<!-- pages/index/index.wxml 引入模板 -->
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<wxs module="filter" src="../../utils/filter.wxs"></wxs>
<view class="container">
	<!-- <navBar 
    title-text="CoffeeTalk" 
    back-icon="/img/nav/back@3x.png"
    background="none"
    bindback="back"/> -->
	<!-- <navBar title-text="CoffeeTalk"  background="none" /> -->
	<view class="title-img"></view>
	<view class="list">
		<scroll-view style="height: 100%;" scroll-y>
			<view class="black-112"></view>
			<view class="no-msg" wx:if='{{!loading && !list.length}}'>暂无数据～</view>
			<block wx:else>
				<view wx:for='{{list}}' wx:key='index'>
					<view class="item" catchtap="goDetail" data-id='{{item.id}}'>
						<view class="mask" wx:if="{{item.isoverdue}}"></view>
						<view class="me-active" wx:if='{{item.organizer == userInfo.phone}}'>
							<image src="../../img/me.png"></image>
						</view>
						<view class="item-img">
							<image lazy-load="{{true}}" src="{{BASEIMGURL + item.imgList.img[0]}}" mode='aspectFill'></image>
							<view class="content-title text-overflow">{{item.title}}</view>
						</view>
						<view class="item-content">
							<view class="content-addr">
								<view class='addr-icon'>
									<image src="../../img/location.png"></image>
								</view>
								<view>
									<text class="addr">{{item.location}}</text>
									<text class="addr-m" wx:if='{{item.distance}}'>距您{{filter.toFix(item.distance)}}</text>
								</view>
							</view>
							<view class="content-time">
								<view class="time-icon">
									<image src="../../img/time.png"></image>
								</view>
								<view>
									<text class="time">{{item.starttime}}</text>
									<text class="number" wx:if="{{item.capacity}}">(最多{{item.capacity}} 人)</text>
								</view>
							</view>
						</view>
						<view class="line"></view>
						<view class="item-fn">
							<view class="fn-l">
								<text class="fn-t" wx:if='{{item.attendfee == 0}}'>免费</text>
								<text class="fn-t" wx:else>{{item.attendfee}}元</text>
								<text class="fn-d">/人</text>
							</view>
							<view class="fn-r" catchtap="touchHandler">
								<!-- <view class="go-detail" wx:if='{{item.organizer == userInfo.phone}}' catchtap='goEdit'  data-id='{{item.id}}'> -->
								<view class="go-detail" wx:if='{{item.organizer == userInfo.phone}}' catchtap='goDetail' data-id='{{item.id}}'>
									查看
								</view>
								<view class="go-detail" wx:elif='{{item.shareMember == 1}}' catchtap='goDetail' data-id='{{item.id}}'>

									已参加
								</view>
								<block wx:else>
									<!-- <button data-actid='{{item.id}}' wx:if='{{!userInfo.phone}}' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button> -->
									<button catchtap='goDetail' data-id='{{item.id}}'></button>
									立即参加
								</block>
							</view>
						</view>
					</view>
					<view class="black-38"></view>
				</view>

			</block>
				<view class="black-128"></view>
		</scroll-view>
	</view>
	<view wx:if="{{userInfo.role == 'organizer'}}" class="add" bindtap="goAdd">
		<text>+</text>
	</view>
	<view class="get-info-mask" hidden="{{hideGetInfo}}" catchtap="closeTap">
		<view class="in {{!hideGetInfo?'scroll-in':''}}" catchtap="bindreturn">
			<view class="avatar">
				<image src="{{ BASEIMGURL1 + 'coffeetalk_small.jpg'}}"></image>
			</view>
			<view class="name">Coffee Talk</view>
			<view class="des">申请获得你微信绑定的手机号</view>
			<view class="btn">
				<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>
			</view>
		</view>
	</view>
</view>