<!--pages/community/info.wxml-->
<view>
  <view style="padding-bottom: 200rpx;">
    <view wx:if="{{info}}" class="padding row mb-32" data-id="{{item.id}}" bind:tap="goInfo">
    <view class="flex flex-center flex-justify-start">
      <image src="https://res.catter.cn/pub/2025/09/30/20250930143142508.png" class="avatar"></image>
      <view class="ml-16">
        <view class="bold">第五季</view>
        <view class="font-12 grey">23 小时前</view>
      </view>
    </view>
    <view class="mt-16">
      <view>{{info.content}}</view>
    </view>
    <view class="mt-16">
      <view wx:if="{{info.imgList.length == 1}}">
        <view wx:for="{{info.imgList}}">
          <image src="{{info.imgList[0].url}}" style="border-radius: 16rpx; height: 50vw; width: 100%;" mode="aspectFill"></image>
        </view>
      </view>
      <view wx:else class="grid">
        <view class="item" wx:for="{{info.imgList}}">
          <view>
            <image src="{{item.url}}" style="width: 100%;height: 30vw; border-radius: 16rpx;" mode="aspectFill" b></image>
          </view>
        </view>
      </view>
    </view>
    <view class="mt-32 flex flex-center flex-justify-end">
      <view class="flex flex-center" data-item="{{info}}" bind:tap="like">
        <t-icon name="{{info.hasLiked === 1 ?'thumb-up-filled':'thumb-up'}}" style="color: {{info.hasLiked === 1 ?'red':''}};"></t-icon>
        <view class="ml-16">{{info.likeCount}}</view>
      </view>
      <view class="flex flex-center ml-32">
        <t-icon name="chat-bubble-smile"></t-icon>
        <view class="ml-16">{{info.commentCount}}</view>
      </view>
    </view>
  </view>
  <view class="white-bg padding" style="border-bottom: #F6F6F6 1rpx solid;" wx:for="{{info.commentList}}">
    <view class="flex flex-center flex-justify-start flex-aligin-start">
      <t-avatar class="avatar-example" shape="round" wx:if="{{item.user.avatar}}" image="item.user.avatar" size="60rpx" />
      <t-avatar class="avatar-example" shape="round" wx:else image="https://res.catter.cn/pub/2025/12/02/202512021046843.jpg" size="60rpx" />
      <view class="full-width">
        <view class="font-12 ml-16 flex flex-center flex-justify-between">
          <view class="primary">
            {{item.user.name}}
          </view>
          <view class="font-12 grey">
            {{item.createdAt}}
          </view>
        </view>
        <view class="mt-16 ml-16 font-12">
          <view>{{item.content}}</view>
        </view>
      </view>
    </view>
  </view>
  </view>

  <view class="bottom">
    <view class="flex flex-center flex-justify-between">
      <t-input borderless  placeholder="发表评论：" bind:change="input"></t-input>
      <t-icon name="send" size="30" class="ml-32" bind:tap="add"></t-icon>
    </view>
  </view>


</view>

