<!--pages/InfoMoments/MomentsPage.wxml-->

<recycle-view class="Page" height="{{windowHeight}}" batch="{{batchSetRecycleData}}" lower-threshold="{{100}}" bindscrolltolower="onReachBottom" id="recycleId" bindscroll="PageScroll">

  <view slot="before">

    <view class="topBgImage">

      <image src="{{userInfo.MomentBgImg?userInfo.MomentBgImg:'/images/MomentsBg.jpg'}}" mode="widthFix"></image>

    </view>

    <mp-sticky bindscroll="onNavScroll" style="position:relative;top:-60rpx;">

      <block wx:if="{{navIsNormal}}">

        <view style="height:1px;">

          <view class="nav-btn" style="position:fixed; top:{{statusBarHeight+menuButtonTop}}px; width:{{menuButtonHeight}}px; height:{{menuButtonHeight}}px;" bindtap="toPublishMoment">

            <mp-icon type="field" icon="camera" color="#222" size="24" ></mp-icon>

          </view>

        </view>

      </block>

      <block wx:else>

        <view class="nav-panel" style="height:{{navigationBarHeight}}px;padding-top:{{statusBarHeight}}px;">

          <view class="nav-btn" style="position:absolute; left:0; width:{{menuButtonHeight}}px; height:{{menuButtonHeight}}px;" bindtap="toPublishMoment">

            <mp-icon type="field" icon="camera" color="#222" size="24" ></mp-icon>

          </view>

          <text>{{pageTitle}}</text>

        </view>

      </block>

    </mp-sticky>

    <view class="userInfo-panel">

      <text class="userName">{{userInfo.NickName}}</text>

      <image class="headImg" src="{{userInfo.HeadImg}}"></image>

    </view>

  </view>

  <view class="MomentInfos-Board">

    <block wx:if="{{NoticeInfos.length>0}}">

      <view class="Notice-Board">

        <view class="Notice-panel" bindtap="onShowMomentNotice">

          <image src="{{NoticeInfos[0].UserInfo.HeadImg}}" mode="aspectFill"></image>

          <text>{{NoticeInfos.length}} 条新消息</text>

        </view>

      </view>

    </block>

<!-- mark: 资讯圈信息 -->

    <recycle-item wx:for="{{recycleList}}" wx:key="Id">

      <view class="MomentInfo">

        <image class="headImg" src="{{item.UserInfo.HeadImg}}" data-code="{{item.UserInfo.UserCode}}" bindtap="onToUserInfo"></image>

        <view class="Moment-panel">

          <view class="Name-panel">

            <text class="hideOverText" style="max-width:50vw;">{{item.UserInfo.NickName}}</text>

            <text class="mark-com hideOverText" wx:if="{{item.UserInfo.OrgType==1}}">{{item.UserInfo.OrgName}}</text>

            <text class="mark-fac hideOverText" wx:if="{{item.UserInfo.OrgType==2}}">{{item.UserInfo.OrgName}}</text>

          </view>

          <view class="Moment-data">

            <text class="Moment-msg">{{item.MsgInfo}}</text>

            <view class="Pic-panel" id="Media_{{item.Id}}" wx:if="{{item.PicType!=0}}">

              <block wx:if="{{item.PicList.length>1}}">

                <view wx:for="{{item.PicList}}" wx:for-item="picItem" wx:key="index" class="Pic-Item-Mul">

                  <image src="{{picItem}}" lazy-load="true" mode="aspectFill" data-mid="{{item.Id}}" data-index="{{index}}" bindtap="onImageShow"></image>

                </view>

              </block>

              <block wx:elif="{{item.PicList.length==1}}">

                <view class="Pic-Item">

                  <image wx:if="{{item.PicType==1}}" src="{{item.PicList[0]}}" lazy-load="true" mode="widthFix" data-mid="{{item.Id}}" data-index="0" bindtap="onImageShow" id="Moment_Image_{{item.Id}}"></image>

                  <video wx:if="{{item.PicType==2}}" class="ShowVideo" id="vid_{{item.Id}}" src="{{item.PicList[0]}}" controls="{{false}}" muted="true" loop="true" show-fullscreen-btn="{{false}}" show-progress="{{false}}" object-fit="fill" bindtap="onVideoToFullScreen" style="height: {{item.PicDatas[0].TheHeight}}px;"></video>

                  <video wx:if="{{item.PicType==2}}" id="vid_{{item.Id}}_1" src="{{item.PicList[0]}}" style="width:0;height: 0;" bindfullscreenchange="onVideoToClose" show-fullscreen-btn="{{false}}" vslide-gesture-in-fullscreen="{{false}}"></video>

                </view>

              </block>

            </view>

            <view class="Open-panel">

              <text class="time">{{item.CreateTimeStr}}</text>

              <view class="Reply-panel">

                <view class="Reply-btn">

                  <image src="/images/icon/thumbup.png" data-mid="{{item.Id}}" bindtap="onThumbupAction"></image>

                </view>

                <view class="Reply-btn" data-mid="{{item.Id}}" bindtap="toMomentDetail"><image src="/images/icon/reply.png"></image></view>

                <button open-type="share" data-mid="{{item.Id}}" class="Reply-btn"><image src="/images/icon/share.png"></image></button>

              </view>

            </view>

            <view wx:if="{{item.ThumbUpNum>0 || item.ReplyList.length>0}}" class="Reply-Info" data-mid="{{item.Id}}" bindtap="toMomentDetail">

              <view class="ThumbUp-panel" wx:if="{{item.ThumbUpNum>0}}">

                <block wx:if="{{item.ThumbUpNum>5}}">

                  <view class="ThumbUp-Item">

                    <mp-icon icon="like" color="#db3434" size="{{20}}"></mp-icon>

                    <text>共有{{item.ThumbUpNum}}个人点赞</text>

                  </view>

                </block>

                <block wx:elif="{{item.ThumbUpNum>0}}">

                  <view class="ThumbUp-Item" wx:for="{{item.ThumbUpList}}" wx:for-item="thumbUpItem" wx:key="index">

                    <mp-icon icon="like" color="#db3434" size="{{20}}"></mp-icon>

                    <text class="hideOverText" style="max-width:22vw;">{{thumbUpItem.NickName}}</text>

                  </view>

                </block>

              </view>

              <view class="Reply-item" data-mid="{{item.Id}}" data-replyid="{{replyItem.Id}}" catchtap="toMomentDetail" wx:for="{{item.ReplyList}}" wx:for-item="replyItem" wx:key="index">

                <text class="Reply-notice">{{replyItem.ReplyUser}}</text>

                <text style="margin:0 6rpx;" wx:if="{{replyItem.BeReplyUser && replyItem.BeReplyUser!=''}}">回复</text>

                <text class="Reply-notice" wx:if="{{replyItem.BeReplyUser && replyItem.BeReplyUser!=''}}">{{replyItem.BeReplyUser}}</text>

                <text class="Reply-notice">：</text>

                <text wx:if="{{!replyItem.IsBan}}">{{replyItem.ReplyMsg}}</text>

                <text wx:if="{{replyItem.IsBan}}">【该评论违反平台规则已被屏蔽】</text>

              </view>

            </view>

          </view>

        </view>

      </view>

    </recycle-item>

​

  </view>

​

  <view slot="after" class="Moment-footer">

    <block wx:if="{{IsDataOver}}">

      <text>已经到底了。。。</text>

    </block>

    <block wx:else>

      <text>数据加载中。。。</text>

    </block>

  </view>

</recycle-view>