<!--packageH/circleCommunity/topicDetails/topicDetails.wxml-->

<view class="microcommentdetails">
	<view id="cart" catchtap="gotoCart" class="{{hoet?'hoet':''}}">
		<view id="back">
			<icon class="iconfont icon-ai-home"></icon>
		</view>
	</view>
	<view id="member" class="{{hoet?'hoet':''}}">
		<view id="back" style="position: relative;">
			<icon class="iconfont icon-fenxiang"></icon>
			<button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="share"></button>
		</view>
	</view>
	<view class="header"></view>
	<view class="banner" wx:if="{{detailsData.img}}">
		<swiper indicator-dots="{{false}}" bindchange="bindChangeBannerIndex" autoplay="{{false}}" style='height:{{Height}}'>
			<block wx:for="{{detailsData.img}}" wx:key="index">
				<swiper-item>
					<view class="centerbanner">
						<image src="{{item}}" mode='widthFix' bindload='imgHeight' />
					</view>
				</swiper-item>
			</block>
		</swiper>
		<view class="bannerindex">
			{{ bannerindex + "/" + detailsData.img.length }}
		</view>
	</view>
	<view class="details_show">
		<view class="user_message">
			<view class="user_left">
				<view class="pic" wx:if="{{detailsData.avatar}}">
					<image src="{{detailsData.avatar}}" mode='widthFix' />
				</view>
				<view class="name_right">
					<view class="name" wx:if="{{detailsData.nickname}}">
						{{ detailsData.nickname }}
					</view>
					<view class="createdata">{{ detailsData.created_at }}</view>
				</view>
			</view>
			<view class="uset_right">
				<view class="attention" catchtap="attentionBtn" wx:if="{{detailsData.is_current_member!=1}}">
					{{ detailsData.is_attention ? "已关注" : "关注" }}
				</view>
				<view class="more" wx:if="{{readertype != 1}}" catchtap="managementBtn">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_more@2x.png" mode='widthFix' />
				</view>
			</view>
		</view>
		<view class="article_title">{{ detailsData.title }}</view>
		<view class="article">{{ detailsData.content }}</view>
		<view class="article_label">
			<view class="ul">
				<view class="li">#{{ detailsData.cat_name }}</view>
			</view>
		</view>
		<view class="loca_information">
			<view class="localeft">
				<view class="letimg">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/publish_add_address@2x.png" mode='widthFix' />
				</view>
				<view class="addressname">{{ detailsData.address }}</view>
			</view>
			<view class="locaright">
				浏览：{{ detailsData.browse_count ? detailsData.browse_count : 0 }}
			</view>
		</view>
		<view class="showmessage">
			<view class="content">
				<view class="shopshow" wx:for="{{detailsData.store}}" wx:if="{{detailsData.store}}" data-id="{{item.id}}" catchtap="toShop">
					<view class="leftimg">
						<image src="{{item.thumb}}" mode='widthFix' />
					</view>
					<view class="shopright">
						<view class="name">
							{{ item.store_name }}
						</view>
						<view class="start_1">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
						</view>
						<view class="fobottom">
							<view class="area">
								{{ item.address }}
							</view>
						</view>
					</view>
				</view>
				<view class="goodsshow" wx:if="{{detailsData.goods}}" wx:for="{{detailsData.goods}}" data-good_id="{{item.id}}" catchtap="toGood">
					<view class="leftimg">
						<image src="{{item.thumb}}" mode='widthFix' />
					</view>
					<view class="goodright">
						<view class="goodsname">{{ item.title }}</view>
						<view class="fobottom">
							<view class="foleft">
								<view class="pic">{{language['money']}}{{ item.price }}</view>
								<view class="delpic">
									{{language['money']}}{{ item.market_price }}
								</view>
							</view>
							<view class="foright">
								<view class="sold">
									已售{{ item.show_sales }}件
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="comment_display">
			<view class="comment_top">
				<view class="title">
					评论({{ detailsData.comments_num ? detailsData.comments_num : 0 }})
				</view>
				<view class="reply" catchtap="subMainCommentBtn">
					<view class="reply_left">
						<image src="{{detailsData.has_one_stick_user.avatar}}" mode='widthFix' />
					</view>
					<view class="reply_right">
						来都来了，留点什么吧...
					</view>
				</view>
			</view>
			<view class="comment_bottom">
				<view class="ul maincomment">
					<view class="li" wx:for="{{StickCommentData}}" wx:key="index">
						<view class="maincommentleft" catchtap="replyCommentsBtn" data-hostcommentid="{{item.id}}" data-secondcommentid=""
						 data-uname="{{item.nickname}}" data-content="{{item.comment}}" data-isown="{{item.is_current_member}}">
							<image src="{{item.avatar}}" mode='widthFix' />
						</view>
						<view class="maincommentright">
							<view class="master_content" catchtap="replyCommentsBtn" data-hostcommentid="{{item.id}}" data-secondcommentid=""
							 data-uname="{{item.nickname}}" data-content="{{item.comment}}" data-isown="{{item.is_current_member}}">
								<view class="master_content_left">
									<view class="name">{{ item.nickname }}</view>
									<view class="createdata">{{ item.created_at }}</view>
									<view class="review_content">
										{{ item.comment }}
									</view>
								</view>
								<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{item.id}}" data-secondcommentid="" data-index="{{index}}"
								 data-chilindex="" data-ispraise="{{item.is_like}}">
									<view class="thumb_img">
										<block wx:if="{{item.is_like}}">
											<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png" mode='widthFix' />
										</block>
										<block wx:else>
											<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png" mode='widthFix' />
										</block>
									</view>
									<view class="thumb_num">{{ item.link_count }}</view>
								</view>
							</view>
							<block wx:if="{{item.has_many_comment}}" wx:for-index="childindex" wx:key="childindex" wx:for-item="childitem" wx:for="{{item.has_many_comment}}">
								<view class="deputy_comment" catchtap="replyCommentsBtn" data-hostcommentid="{{childitem.parent_id}}"
								 data-secondcommentid="{{childitem.id}}" data-uname="{{childitem.nickname}}" data-content="{{childitem.comment}}"
								 data-isown="{{childitem.is_current_member}}">
									<view class="deputy_comment_left">
										<image src="{{childitem.avatar}}" mode='widthFix' />
									</view>
									<view class="deputy_comment_right">
										<view class="deputy_message">
											<view class="name">{{ childitem.nickname }}</view>
											<view class="createdata">{{ childitem.created_at }}</view>
											<view class="review_content">
												<block wx:if="{{childitem.subordinate_name}}">
													回复<text class="span selecolor">{{
                              childitem.subordinate_name
                            }}</text>
												</block>
												{{ childitem.comment }}
											</view>
										</view>
										<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{childitem.parent_id}}"
										 data-secondcommentid="{{childitem.id}}" data-index="{{index}}" data-chilindex="{{childindex}}" data-ispraise="{{childitem.is_like}}">
											<view class="thumb_img">
												<block wx:if="{{childitem.is_like}}">
													<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png" mode='widthFix' />
												</block>
												<block wx:else>
													<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png" mode='widthFix' />
												</block>
											</view>
											<view class="thumb_num">{{ childitem.link_count }}</view>
										</view>
									</view>
								</view>
							</block>
						</view>
					</view>
				</view>
			</view>
			<view class="multiple_comments" wx:if="{{mulcommentsshow&&(StickCommentData&&StickCommentData.length>0)}}" catchtap="mulchMeatsShowBtn">
				展开多条评论
			</view>
		</view>
	</view>
	<view class="bottom_operation">
		<view class="content">
			<view class="reply" catchtap="subMainCommentBtn">
				<view class="reply_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_autograph@2x.png" mode='widthFix' />
				</view>
				<view class="reply_right">
					说点什么...
				</view>
			</view>
			<view class="appreciate" catchtap="moneyShow" wx:if="{{reward_button==1}}">
				<view class="appreciateimg">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_reward@2x.png" mode='widthFix' />
				</view>
				<view class="appreciatenum">赞赏</view>
			</view>
			<view class="thumbup" catchtap="isPraiseBtn">
				<view class="thumbupimg">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_praise@2x.png" mode='widthFix' />
				</view>
				<view class="thumbupnum">{{ detailsData.likeCount }}</view>
			</view>
			<view class="comment">
				<view class="commentimg">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_comment@2x.png" mode='widthFix' />
				</view>
				<view class="commentnum">{{ detailsData.commentCount }}</view>
			</view>
		</view>
	</view>
	<van-popup show="{{mainCommentShow}}" position="bottom" overlay="{{true}}" bind:close="mainCommentShowClose">
		<view class="replyMainComment">
			<view class="left">
				<input type="text" value="{{maincomment}}" placeholder="请留下你的精彩评论吧" bindinput="maincommentinp" />
			</view>
			<view class="right" catchtap="subMainBtn">发送</view>
		</view>
	</van-popup>
	<van-popup show="{{replyshow}}" position="bottom" overlay="{{true}}" bind:close="replyshowClose">
		<view class="replyComment">
			<view class="top">
				<view class="left">
					回复<span class="selcolor">@{{ replyName }}</span>
				</view>
			</view>
			<view class="bottom" style="margin-bottom: {{replyheight}}px;" catchtouchmove="noop">
				<textarea adjust-position="{{false}}" value="{{replyContent}}" placeholder="请输入你的回复吧" bindinput="replyContentinp" bindfocus="replyfocus" bindblur="replyblur"></textarea>
				<view class="replysubmit" catchtap="replySubmitBtn">发送</view>
			</view>
		</view>
	</van-popup>
	<van-popup show="{{adminOperationshow}}" position="bottom" overlay="{{true}}" bind:close="adminOperationshowClose">
		<view class="adminOperation">
			<view class="recommend" catchtap="adminBtn" wx:for="{{adminOperationInfo}}" data-type="{{item.type}}">
				<view class="recommend_left">
					<image src="{{item.img}}" mode='widthFix' />
				</view>
				<view class="recommend_right">
			   		<text>{{item.name}}</text>
				</view>
			</view>
			<!-- <view class="recommend" catchtap="adminBtn" data-typenum="{{1}}">
				<view class="recommend_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_recommend@2x.png" mode='widthFix' />
				</view>
				<view class="recommend_right">
					<text wx:if="{{recommend_flag==1}}">取消推荐</text>
			   		<text wx:else >推荐</text>
				</view>
			</view>
			<view class="top_set" catchtap="adminBtn" data-typenum="{{2}}">
				<view class="top_set_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_roof@2x.png" mode='widthFix' />
				</view>
				<view class="top_set_right">
					<text wx:if="{{stick_flag==1}}">取消置顶</text>
			   		<text wx:else>置顶</text>
				</view>
			</view>
			<view class="re_edit" catchtap="reEditBtn">
				<view class="re_edit_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_revise@2x.png" mode='widthFix' />
				</view>
				<view class="re_edit_right">修改</view>
			</view>
			<view class="delete" catchtap="deleteBtn">
				<view class="delete_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_delect@2x.png" mode='widthFix' />
				</view>
				<view class="delete_right">删除</view>
			</view> -->
			<view class="cancel" catchtap="adCancel">取消</view>
		</view>
	</van-popup>
	<!-- <van-popup show="{{releaseOperationshow}}" position="bottom" overlay="{{true}}" bind:close="releaseOperationshowClose">
		<view class="releaseOperation">
			<view class="re_edit" catchtap="reEditBtn">
				<view class="re_edit_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_revise@2x.png" mode='widthFix' />
				</view>
				<view class="re_edit_right">修改</view>
			</view>
			<view class="delete" catchtap="deleteBtn">
				<view class="delete_left">
					<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_delect@2x.png" mode='widthFix' />
				</view>
				<view class="delete_right">删除</view>
			</view>
			<view class="cancel" catchtap="reCancelBtn">取消</view>
		</view>
	</van-popup> -->
	<van-popup show="{{amountRewardshow}}" position="bottom" overlay="{{true}}" bind:close="amountRewardshowClose">
		<view class="amountReward">
			<view class="close" catchtap="amountRewardshowbtn">
				<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_clost@2x.png" mode='widthFix' />
			</view>
			<view class="usermessage">
				<view class="top" wx:if="{{detailsData}}">
					<image src="{{detailsData.avatar}}" mode='widthFix' />
				</view>
				<view class="name" wx:if="{{detailsData}}">
					{{ detailsData.nickname }}
				</view>
			</view>
			<view class="listAmounts">
				<view class="title">请选择金额打赏</view>
				<view class="ul">
					<view class="li {{rewardArrselect == index?'sel':''}}" wx:for="{{rewardArr}}" catchtap="shorewardArrBtn"
					 data-index="{{index}}" wx:key="index">
						{{language['money']}}{{ item.name }}
						<view class="selimg" wx:if="{{rewardArrselect == index}}">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_btn_cur@2x.png" mode='widthFix' />
						</view>
					</view>
				</view>
			</view>
			<view class="custom_amount">
				<view class="top">自定义金额打赏</view>
				<view class="bottom">
					<input value="{{rewardArrmoney}}" type="number" name="" placeholder="请输入要打赏的金额" bindinput="rewardArrmoneyinp" />
				</view>
			</view>
			<view class="confirmReward" catchtap="confirmRewardBtn">确认打赏</view>
		</view>
	</van-popup>
	<van-popup show="{{rewardPayshow}}" position="bottom" overlay="{{true}}" bind:close="rewardPayshowClose">
		<view class="rewardPay">
			<view class="payMode">
				<view class="ul">
					<view class="li" data-info="{{item}}" catchtap="payBtn" wx:for="{{btnData}}" wx:key="index">
						{{ item.name }}
					</view>
				</view>
			</view>
			<view class="cancel" catchtap="rewardPayCancelBtn">取消</view>
		</view>
	</van-popup>
	<van-popup show="{{commentManagement}}" position="bottom" overlay="{{true}}" bind:close="commentManagementClose">
		<view class="rewardPay">
			<view class="content">
				<text class="span">{{ replyName }}:</text>{{ replyshowcontent }}
			</view>
			<view class="payMode">
				<view class="ul">
					<view class="li" catchtap="replyBtn">回复</view>
					<view class="li" catchtap="delBtn" wx:if="{{is_own}}">删除</view>
				</view>
			</view>
			<view class="cancel" catchtap="replyCancelBtn">取消</view>
		</view>
	</van-popup>

	<pay-keyboard show="{{popupSpecs}}" wx:if="{{popupSpecs}}" bindclose="payKeyboardClose" bindcomplete="payKeyboardComplete"></pay-keyboard>
</view>

