<import src='../../../wxParse/wxParse.wxml'></import>
<view class='page'>
	<include src='/components/common/common'></include>
	<include src='/components/header/header'></include>
	<include src='/components/quick-navigation/quick-navigation'></include>
	<view class='body'>
		<include src='/components/common/get-coupon.wxml'></include>
		<include src='/components/goods/specifications_model.wxml'></include>
		<view class='{{(show_attr_picker?"no-scroll":"")}} {{(pt_detail?"pt-modal-bj":"")}}'>
			<include src='/components/goods/goods_banner.wxml'></include>
			<block wx:if='{{goods.limit_time > 0}}'>
				<view class='time-limit flex-row'>
					<view class='flex-grow-0 flex-y-center flex-x-center'>
						<image src='{{__wxapp_img.pt.details.url}}'></image>
					</view>
					<view class='flex-grow-1 flex-col flex-x-center time-limit-logo-text'>
						<view class='flex-grow-0'> 限时火拼 </view>
						<view class='flex-grow-0' style='margin-left:50rpx;'> 超值低价 </view>
					</view>
					<view class='flex-grow-1 flex-col flex-y-center flex-x-center'>
						<view class='flex-grow-0 time-top-text'> 距离结束时间剩 </view>
						<view class='flex-grow-0 flex-row time-info flex-y-center'>
							<view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.days}} </view>
							<view class='flex-grow-0'> 天 </view>
							<view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.hours}} </view>
							<view class='flex-grow-0'> 时 </view>
							<view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.mins}} </view>
							<view class='flex-grow-0'> 分 </view>
							<view class='flex-grow-1 time-value flex-y-center flex-x-center'> {{limit_time.secs}} </view>
							<view class='flex-grow-0'> 秒 </view>
						</view>
					</view>
				</view>
			</block>
			<include src='/components/goods/goods_info.wxml'></include>
			<view class='friend-group'>
				<view bindtap='goArticle' class='pt-goods-rule flex-row flex-y-center'>
					<view class='pt-rule-title flex-grow-1 flex-y-center'> 支付商品开团，邀请好友参与，成功发货失败退款 </view>
					<view class='pt-rule-right flex-grow-0 flex-y-center'> 详细规则 </view>
					<view class='pt-rule-more flex-grow-0 flex-y-center'>
						<image src='{{__wxapp_img.share.right.url}}'></image>
					</view>
				</view>
			</view>
			<block wx:if='{{group_num > 0}}'>
				<view class='friend-group' style='padding-bottom:10rpx'>
					<view class='flex-y-center'>
						<view class='friend-group-title flex-row  flex-grow-1'> 以下小伙伴正在发起拼团，您可以直接参与: </view>
						<view bindtap='more' class='pt-rule-right flex-grow-0 flex-y-center'> 更多 </view>
						<view class='pt-rule-more flex-grow-0 flex-y-center'>
							<image src='{{__wxapp_img.share.right.url}}'></image>
						</view>
					</view>
					<block wx:for='{{group_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{item.id}}'>
						<block wx:if='{{index < 3}}'>
							<view class='friend-group-item flex-row flex-y-center'>
								<view class='friend-corver-pic flex-grow-0 flex-y-center'>
									<image src='{{item.avatar_url}}'></image>
								</view>
								<view class='friend-name flex-grow-1 flex-y-center'> {{item.nickname}} </view>
								<view class='flex-grow-0 flex-col'>
									<view class='flex-grow-0 group-short' style='text-align:right'> 还差{{item.surplus}}人成团 </view>
									<view class='flex-grow-0 group-short-time'> 还剩 {{item.limit_time.days}}:{{item.limit_time.hours}}:{{item.limit_time.mins}}:{{item.limit_time.secs}} </view>
								</view>
								<view bindtap='goToGroup' class='flex-grow-0 go-offered flex-y-center flex-x-center' data-id='{{item.id}}'> 去参团 </view>
							</view>
						</block>
					</block>
				</view>
			</block>
			<block wx:if='{{__is_comment}}'>
				<view class='goods-comment'>
					<view bindtap='goToComment' class='goods-comment-title flex-row flex-y-center'>
						<view class='comment-left-text flex-grow-1 flex-y-center'> 买家评论{{comment_num}}
							<block wx:if='{{__is_sales}}'><text style='margin-left:10rpx;'>| 销量 {{goods.virtual_sales}}</text></block>
						</view>
						<view class='comment-more flex-grow-0 flex-y-center'>
							<image src='{{__wxapp_img.share.right.url}}'></image>
						</view>
					</view>
					<block wx:for='{{comment}}' wx:for-item='item' wx:for-index='ckey' wx:key='{{item.id}}'>
						<view class='goods-comment-item flex-col'>
							<view class='goods-comment-user flex-grow-0 flex-row flex-y-center'>
								<view class='comment-user-pic flex-grow-0'>
									<image src='{{item.avatar_url}}'></image>
								</view>
								<view class='comment-user-name flex-grow-0'> {{item.nickname}} </view>
							</view>
							<view class='goods-comment-conent flex-grow-1'> {{item.content}} </view>
							<view class='goods-comment-ginfo'> {{item.addtime}}
								<block wx:for='{{item.attr}}' wx:for-item='attr' wx:for-index='index' wx:key='{{item.id}}'> {{attr.attr_group_name}}:{{attr.attr_name}} </block>
							</view>
							<view class='goods-comment-piclist'>
								<block wx:for='{{item.pic_list}}' wx:for-item='pic' wx:for-index='index' wx:key='{{item.id}}'>
									<view class='comment-pic-shell'>
										<image bindtap='bigToImage' data-index='{{ckey}}' data-url='{{pic}}' mode='aspectFit' src='{{pic}}' style='width:160rpx;height:160rpx'></image>
									</view>
								</block>
							</view>
						</view>
					</block>
				</view>
			</block>
			<view class='pt-goods-content'>
				<view class='pt-goods-content-title flex-y-center'> 商品详情 </view>
				<view class='pt-goods-details'><template is='wxParse' data='{{wxParseData:detail.nodes}}'></template></view>
			</view>
			<include src='/components/goods/goods_buy'></include>
		</view>
		<block wx:if='{{pt_detail}}'>
			<view class='model-award'>
				<view class='act-modal show'>
					<view class='act-modal-bg'></view>
					<view class='act-modal-pic flex-y-center flex-x-center'>
						<view class='pt-modal'>
							<view class='pt-modal-1'>正在拼团</view>
							<view class='pt-modal-2'>仅显示10条正在拼团信息</view>
							<view class='pt-modal-3'></view>
							<view class='pt-modal-4'>
								<image bindtap='end_more' src='/images/pond-details.png'></image>
							</view>
							<view class='pt-modal-5'>
								<scroll-view scrollY='{{true}}' bindscroll='scroll' bindscrolltolower='lower' bindscrolltoupper='upper' scrollIntoView='{{toView}}' style='height: 500rpx;'>
									<block wx:for='{{group_list}}' wx:for-item='item' wx:for-index='index' wx:key='{{item.id}}'>
										<view class='flex-row pt-modal-6'>
											<view class='flex-grow-0 flex-y-center flex-x-center pt-modal-7'>
												<image src='{{item.avatar_url}}'></image>
											</view>
											<view class='flex-col flex-grow-1 flex-x-center' style='text-align:left;'>
												<view class='flex-row' style='color:#353535;'>
													<view class='flex-grow-0 text-more' style='max-width:62%;'>{{item.nickname}}</view><text class='flex-grow-0' style='color:#ff5c5c;font-size:9pt;margin-left:20rpx'>还差{{item.surplus}}人</text>
												</view>
												<view style='color:#707070;font-size:9pt'>剩余{{item.limit_time.days}}:{{item.limit_time.hours}}:{{item.limit_time.mins}}:{{item.limit_time.secs}}</view>
											</view>
											<view bindtap='goToGroup' class='flex-grow-0 go-offered flex-y-center flex-x-center' data-id='{{item.id}}' style='margin-left:0rpx;font-size:11pt'>去参团</view>
										</view>
									</block>
								</scroll-view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</block>
	</view>
	<include src='/components/footer/footer'></include>
</view>