CoffeeTalk/pages/detail/index.wxml

<!--pages/detail/index.wxml-->
<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="height: {{isScroll?'468':'686'}}rpx;">
		<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="{{item}}" mode="aspectFill"></image>
					</view>
				</swiper-item>
			</block>
		</swiper>
		<!--重置小圆点的样式  -->
		<view class="dots" style='bottom:{{isScroll?"100":"12"}}rpx'>
			<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 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"> -->
			<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 wx:else>{{currentActivity.attendfee}}/人</text>
					</view>
				</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>(最多{{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.endtime}}
					</view>
				</view>
				<view class="activity" wx:if='{{currentActivity.content}}'>
					<view class="activity-title">活动介绍</view>
					<view class="activity-content">
						<view>
							{{currentActivity.content}}
						</view>
					</view>
				</view>
				<view class="sign-up">
					<view class="sign-up-title">
						已报名 <text>（{{currentActivity.membersList.length || 0}}人）</text>
					</view>
					<!-- <view class="sign-up-list">
						<view class="sign-up-item"></view>
					</view> -->
				</view>
				<view class="traffic" wx:if='{{currentActivity.lat && currentActivity.lng}}'>
					<!-- <view class="traffic-title"></view> -->
					<!-- <view class="traffic-desc"></view> -->
					<view class="traffic-map">
						<map id="map" longitude="{{currentActivity.lng}}" latitude="{{currentActivity.lat}}" 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'></button>
			参加
			</block>
		</view>

		<!-- <view class="go-share" wx:if='{{currentActivity.organizer == userInfo.phone || currentActivity.shareMember == 1}}'>
			分享
		</view>
		<block wx:else>
			<button wx:if='{{!userInfo.phone}}' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
			<button wx:else catchtap='add'></button>
			立即参加
		</block> -->
	</view>
</view>