CoffeeTalk/pages/detail/index.wxml

<!--pages/detail/index.wxml-->
<!-- <view class="container" bindtouchstart="touchStart" bindtouchend="touchEnd"> -->
<view class="loading" wx:if="{{loading}}"></view>
<view class="container">
	<!-- <navBar title-text="CoffeeTalk" back-icon="/img/nav/back@3x.png" background="none" bindback="back" /> -->
	<!-- <view class="container-bg {{background[current]}}" style="height: {{navHeight}}px;"></view> -->
	<view class="swiper" style="max-height: 60vh;">
		<image lazy-load="{{true}}" wx:if="{{currentActivity.imgList.bigImg[0]}}" src="{{BASEIMGURL + currentActivity.imgList.bigImg[0]}}" style="height: {{isScroll?'200rpx':'auto'}}; width: 100%;display:block;" mode="{{isScroll?'aspectFill':'widthFix'}}"></image>
		<!-- <swiper bindchange="change" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" current="{{current}}" indicator-color='rgba(255,255,255,.3)' indicator-active-color='#fff' style="height: 100%;">
			<block wx:for="{{currentActivity.imgList}}" wx:key="*this">
				<swiper-item>
					<view class="swiper-item">
						<image src="{{BASEIMGURL + item}}" mode="aspectFill"></image>
					</view>
				</swiper-item>
			</block>
		</swiper> -->
		<!--重置小圆点的样式  -->
		<!-- <view class="dots" hidden="{{isScroll}}">
			<block wx:for="{{currentActivity.imgList}}" wx:for-index="index" wx:key="index">
				<view class="dot {{index == current?'active':''}}"></view>
			</block>
		</view> -->
		<!--重置小圆点的样式 end -->
	</view>
	<view class="section {{isScroll?'section-scroll':''}}">
		<!-- <view wx:if="{{isScroll}}" class="black-70 pd-top" bindtap="scrollView">
			<view class="line-active"></view>
		</view> -->
		<!-- <scroll-view style="height:100%;" scroll-y> -->
		<scroll-view style="height:100%;" scroll-y bindscroll="scroll" scroll-top='{{scrollTop}}'>
			<view class="pd">

				<view class="title">
					<view class="title-l">{{currentActivity.title}}</view>
					<view class="title-r">
						<text class="fee" wx:if='{{currentActivity.attendfee == 0}}'>免费</text>
						<text class="fee" wx:else>{{currentActivity.attendfee}}</text>
						<text>/人</text>
					</view>
				</view>

				<view wx:if="{{currentActivity.category}}">{{currentActivity.category}}</view>

				<view class="label">
					<view class="label-icon">
						<image src="../../img/location.png"></image>
					</view>
					<view class="label-text text-overflow">{{currentActivity.location}}</view>
				</view>
				<view class="label">
					<view class="label-icon">
						<image src="../../img/time.png"></image>
					</view>
					<view class="label-text text-overflow time-text">
						开始时间：{{currentActivity.starttime}}
						<text wx:if="{{currentActivity.capacity}}">(最多{{currentActivity.capacity}} 人)</text>
					</view>
				</view>
				<view class="label" wx:if="{{currentActivity.endtime}}">
					<view class="label-icon">
						<image src="../../img/time.png"></image>
					</view>
					<view class="label-text text-overflow time-text">
						结束时间：{{currentActivity.endtime}}
						<!-- <text wx:if="{{currentActivity.capacity}}">(最多{{currentActivity.capacity}} 人)</text> -->
					</view>
				</view>
				<view class="label">
					<view class="label-icon">
						<image src="../../img/over_time.png"></image>
					</view>
					<view class="label-text text-overflow time-text">
						报名截止：{{currentActivity.deadline || 'None'}}
					</view>
				</view>
				<view class="label" wx:if="{{currentActivity.organizer}}">
					<view class="label-icon">
						<image src="../../img/tel.png"></image>
					</view>
					<view class="label-text text-overflow time-text">
						联系电话：{{currentActivity.organizer}}
					</view>
				</view>
				<view class="activity" wx:if='{{currentActivity.speaker}}'>
					<view class="activity-title">主讲人：</view>
					<view class="activity-content">
						<text>
						{{currentActivity.speaker}}
						</text>
					</view>
				</view>
				<!-- <view class="activity" wx:if='{{currentActivity.organizer}}'>
					<view class="activity-title">联系电话：</view>
					<view class="activity-content">
						<view>
							{{currentActivity.organizer}}
						</view>
					</view>
				</view> -->
				<view class="activity-title">活动介绍</view>
				<view class="activity" wx:if='{{currentActivity.attention}}'>
					<view class="activity-content">
						<text>
						{{currentActivity.attention}}
						</text>
					</view>
				</view>
				<view class="activity" wx:if='{{currentActivity.content}}'>
					<text class="activity-content" wx:if='{{currentActivity.content}}'>
					{{currentActivity.content}}
					</text>
				</view>
				<!-- <view class="sign-up">
					<view class="sign-up-title">
						发起人
					</view>
					<view class="sign-up-list">
						<view class="sign-up-item">
							<image wx:if='{{userInfo.avatar}}' src="{{userInfo.avatar}}"></image>
							<text wx:else>{{currentActivity.organizer}}</text>
						</view>
					</view>
				</view> -->
				<view class="sign-up">
					<view class="sign-up-title">
						已报名 <text>（{{currentActivity.members.length || 0}}人）</text>
					</view>
					<view class="sign-up-list">
						<view class="sign-up-item" wx:for="{{currentActivity.members}}" wx:key='index'>
							<image lazy-load="{{true}}" wx:if="{{item.avatar}}" src="{{item.avatar}}"></image>
						</view>
					</view>
				</view>
				<view class="traffic" wx:if='{{currentActivity.latitude && currentActivity.longitude}}'>
					<!-- <view class="traffic-title"></view> -->
					<view class="traffic-desc" wx:if="{{currentActivity.traffic}}">{{currentActivity.traffic}}</view>
					<view class="traffic-map">
						<map id="map" longitude="{{currentActivity.longitude}}" latitude="{{currentActivity.latitude}}" scale="14" markers="{{markers}}"></map>
					</view>
				</view>
				<view class="black-210"></view>
			</view>
		</scroll-view>
	</view>
	<view class="submit">
		<view class="share">
			<button open-type="share"></button>
			分享
		</view>
		<view class="add" wx:if='{{currentActivity.organizer != userInfo.phone}}'>
			<block wx:if='{{currentActivity.shareMember == 1}}'>已参加</block>
			<block wx:else>
				<button wx:if='{{!userInfo.phone}}' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
				<button wx:else catchtap='add' data-actid='{{currentActivity.id}}'></button>
				参加
			</block>
		</view>
	</view>

	<!-- <view class="get-info" wx:if='{{!userInfo.phone}}'>
		<view class="in">
			<view class="get-info-head">提示</view>
			<view class="get-info-content">请授权您的手机号！</view>
			<view class="get-info-footer">
				<text>确定</text>
				<button data-type='getPhone' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
			</view>
		</view>
	</view> -->

	<view class="get-info-mask" hidden="{{hideGetInfo}}">
		<view class="in {{!hideGetInfo?'scroll-in':''}}">
			<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="getUserInfo" bindgetuserinfo="userInfoHandler">获取微信头像</button>
			</view>
		</view>
	</view>

</view>