<!--packageA/mycomponent/goodsComponent/plugin/comment/comment.wxml-->
<!--<view class="sift">-->
  <!--<view class="sift-title">-->
    <!--<text>精选口碑</text>-->
    <!--<view class="tit_a">-->
      <!--好评率-->
      <!--<text>{{goodsInfo.favorable_rate}}</text>-->
    <!--</view>-->
    <!--<view class="sift-right" catchtap="goKb">-->
      <!--<text>查看全部({{goodsInfo.get_comment.total}})</text>-->
      <!--<van-icon name="arrow" size='32rpx' />-->
    <!--</view>-->
  <!--</view>-->
  <!--<swiper next-margin='140px' wx:if="{{goodsInfo.get_comment.data.length}}">-->
    <!--<block wx:for='{{commentLimit}}' wx:key='index'>-->
      <!--<swiper-item>-->
        <!--<view style="width:400rpx;height:193rpx" class="swiper-kb">-->
          <!--<view class="figure">-->
            <!--<image src="{{item.head_img_url}}"></image>-->
            <!--<view class="figtxt">-->
              <!--<text>{{item.nick_name}}</text>-->
              <!--<van-rate disabled="{{true}}" disabled-color="#ff9900" value="{{item.level}}" size='14' />-->
            <!--</view>-->
          <!--</view>-->
          <!--<view class="figure_right">{{item.content}}</view>-->
        <!--</view>-->
      <!--</swiper-item>-->
    <!--</block>-->
  <!--</swiper>-->
  <!--<view wx:else style="width:100%;text-align: center;height:100rpx;line-height:100rpx;color: #7d7e80;">-->
    <!--暂无评价-->
  <!--</view>-->
<!--</view>-->
<view class="reputation-box panel" wx:if="{{goodsInfo}}">
	<view class="reputation-title-box">
		<view class="name">
			精选口碑 <text style="color: #f14e4e;" wx:if="{{goodsInfo.get_comment.total_summary}}">({{goodsInfo.get_comment.total_summary}})</text> 
		</view>
		<view catchtap="goKb" style="display: flex;align-items: center;">
			<view class="praise">
				好评率 <text style="color: #f14e4e;font-weight: bold;">{{goodsInfo.favorable_rate?goodsInfo.favorable_rate:'100%'}}</text>
			</view>
			<van-icon name="arrow" color="#f14e4e" size='32rpx' />
		</view>
	</view>
	<view class="reputation-items">
		<view class="reputaion-item" wx:for='{{commentLimit}}' wx:key='index'>

			<view class="reputaion-face">
				<image src="{{item.head_img_url}}" />
				<view class="face-right">
					<view class="username">
						<text>{{ item.nick_name }}</text>
						<text style="margin-left: 0.5rem">{{ item.level_name }}</text>
					</view>
					<view class="time">{{ item.created_at }}</view>
					<!-- <van-rate disabled="{{true}}" disabled-color="#ff9900" size="{{12}}" value="{{item.level}}" /><text style="color: #ff9900">{{item.level}}分</text> -->
				</view>
			</view>

			<view class="reputation-content">
				<view class="comment">{{ item.content }}</view>
				<view class="commentImg" wx:if="{{item.images.length > 0}}">
					<image wx:for='{{item.images}}' wx:for-item="img" wx:key='index' src="{{img}}" data-index="{{index}}" mode="aspectFill"
								 data-pics="{{item.images}}" bindtap="seePicture" />
				</view>
			</view>
		</view>
		<view wx:if="{{is_show_default_praise}}" class="default-praise">默认好评已隐藏~</view>
	</view>
	<view wx:if="{{commentLimit.length <= 0}}" style="width:100%;text-align: center;height:100rpx;line-height:100rpx;color: #7d7e80;">
		抱歉，暂无评论 ~
	</view>
</view>

<van-popup custom-style="width:100%;height:100%;overflow:auto;" show="{{streetShow}}" position="right"
	overlay="{{false}}">
	<view class="streetContent">
		<van-nav-bar title="全部评价" left-text="" right-text="" left-arrow bind:click-left="streetClose" />
		<view class="shopInfo">
			<view class="pj" wx:for="{{third_content}}" wx:key="index" wx:for-item="n" wx:for-index="index">
				<view class="user">
					<view class="imageshow">
						<image src="{{n.head_img_url}}" />
					</view>
					<view class="name">{{n.nick_name}}</view>
					<view class="time">{{n.created_at}}</view>
				</view>
				<van-rate disabled="{{true}}" disabled-color="#ff9900" value="{{n.level}}" />
				<view class="p">{{n.content}}</view>
				<view style="text-align:left;margin:10rpx 0;" wx:if="{{n.images&&n.images.length>0}}">
					<view style="margin-left:16rpx;">晒图：</view>
					<view style="display: flex;flex-wrap: wrap;">
						<view style="width:160rpx;height:160rpx;margin-left:16rpx;margin-bottom: 16rpx;" wx:for="{{n.images}}"
							wx:key='index'>
							<image src="{{item}}" style="width: 100%;height: 100%;" mode='aspectFill' data-index="{{index}}"
								data-pics="{{n.images}}" bindtap="seePicture" />
						</view>
					</view>
				</view>
				<block wx:if="{{n.append}}">
					<view class="last_day p">
						追评
						<text>{{n.append.created_at}}</text>
					</view>
					<view class="p">{{n.append.content}}</view>
				</block>
				<view class="comment" >
					<text bindtap='toContentInfo' data-jsondata="{{n}}">评论数:{{n.reply_count}}</text>
				</view>
			</view>
		</view>
	</view>
</van-popup>
