<!--mycomponent/yz_comment_popup/commentCell/commentCell.wxml-->
<!--
   一级评论子组件 提供两个插槽
  v-slot:cell-other : 右侧插槽，flex布局
  默认插槽：二级评论子组件入口
 -->
<view class="components-comment-list" bindtap="replyComment">
  <view class="components-comment-main-left">
    <image src="{{avatar}}" alt="" class="master-avatar" />
  </view>
  <view class="components-comment-main-right">
    <view class="master-main">
      <!-- 一级评论内容 -->
      <view class="master-main-left">
        <view class="master-name">{{ nickname }}</view>
        <view class="master-time">{{ time }}</view>
      </view>
      <view class="master-main-right">
        <!-- 插槽 -->
        <slot name="cell-other"></slot>
      </view>
    </view>
    <view class="master-main-content">{{ content }}</view>
    <!-- 回复列表 -->
    <view class="{{ reduceRely?'reduce-style':'' }}">
      <slot></slot>
    </view>
    <view class="additional-button" catchtap="getRely"
      wx:if="{{reduceRely || (replynum > 0 && slotChildren < replynum)}}">
      —— 展开{{ slotChildren == 0 ? replynum +'条' : "更多" }}回复<icon class="iconfont icon-down"></icon>
    </view>
    <view class="additional-button" catchtap="packUPRely"
      wx:if="{{!reduceRely && replynum > 0 && slotChildren >= replynum}}">—— 收起<icon class="iconfont icon-up"></icon>
    </view>
  </view>
</view>