<!--pages/home/xx/lindex/lindex.wxml 星讯：非情侣页面-->
<view catchtap="allTap">
    <!--聊天内容-可以滑动-->
    <view class="ltinfo">
        <!--聊天页头部：粉色那一部分-->
        <view class="bkgfs" id="button">
            <view class="bkgfstxt">
                欢迎来到你们的专属情侣树洞
                在这里，你可以将你的心意传递给ta
                所有美好的回忆都将被精灵记录 
            </view>
        </view>
        <!--最上方的两个头像-->
        <t-image class="txl" shape="circle"  src="{{userInfo.avatar}}"></t-image><!--当前用户头像-->
        <t-image class="txr" shape="circle"  src="{{loverInfo.avatar}}"></t-image><!--当前用户头像-->
        <!--头像中间的连接图-->
        <view class="qlzjt"></view>

        <!--聊天内容部分-->
        <view class="ltxinxi">
            <!--循环用户的聊天信息-->
            <view class="wchatfor" wx:for="{{messages}}" wx:key="index"><!--messages-->
                <!--显示时间框-->
                <view class="wchattime">{{item.createdAt}}</view>
                <!--自己发的消息-->
                <view wx:if="{{item.isSelf}}" >
                    <!--发送图片消息-->
                    <view class="zjtableatp1" wx:if="{{item.type=='graphic'}}">
                        <!--自己的头像框-->
                        <t-image  src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image>
                        <!--聊天图片&已读未读-->
                        <view class="zttp11" data-id="{{item.id}}" id="{{'id001'+index}}" data-index="{{'id001'+index}}" 
                            bindlongpress="changAn">
                            <view class="zjydwdtp2">{{item.status=='unread'?'未读':'已读'}}</view>
                            <!--聊天图片-->
                            <t-image  src="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}" class="zjxftp2" mode="heightFix" bindtap="go2SeeHxDetail" data-tp="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}"></t-image>
                        </view>
                    </view>
                    <!--发送信件消息-->
                    <view class="zjtablea1" wx:if="{{item.type=='xj'}}">
                        <t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
                        <view class="zjxf1"></view>
                        <view class="zjydwd1">{{item.status=='unread'?'未读':'已读'}}</view>
                    </view>
                <!--发送音频消息-->
                <view class="zjtablea2" wx:if="{{item.type=='audio'}}">
                    <t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
                    <view data-bf="{{!item.extra.isBf}}" class="zjypk1" wx:if="{{!item.extra.isBf}}" data-tp="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}" 
                    data-index="{{index}}"   bindtap="doLuYINBoF"><view class="zjypt1"></view>
                        <view class="zjypwz1">{{item.extra.ssec}}</view>
                    </view>
                    <view data-bf="{{!item.extra.isBf}}" class="zjypk1" wx:if="{{item.extra.isBf}}" data-tp="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}" 
                    data-index="{{index}}"   bindtap="doLuYINBoF">
                    <view class="zjypt11"><view class="box2" style="float: left; height: 60rpx; width: 1000px; " >     
            <image wx:for="{{xhCstP}}" wx:key="index" style="height: 60rpx;width: 60rpx;" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/yppic.png" mode=""/>
        </view></view>
                        <view class="zjypwz1">1{{item.extra.ssec}}</view>
                    </view>
                    <view class="zjypydwd" >{{item.status=='unread'?'未读':'已读'}}</view>
                </view>
                <!--发送文字消息-->
                <view class="zjtable3" wx:if="{{item.type=='text'}}">
                    <t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
                <view class="zjxxbox1" bindlongpress="changAn" id="{{'idtext001'+index}}" data-index="{{'idtext001'+index}}" data-id="{{item.id}}" bindtap="dKztDetial" data-xq="{{item}}"><view class="zjtextcontent"><text>{{item.content}}</text></view></view>
                    <view class="zjtextydwd1">{{item.status=='unread'?'未读':'已读'}}</view>
                </view>
                    
                </view>
                <!--对方发的消息-->
                <view wx:if="{{!item.isSelf}}" >
                    <!--聊天信息-->
                    <view wx:if="{{item.type=='graphic'}}" class="zjtableatp1">
                        <t-image src="{{loverInfo.avatar}}" class="wchattxk11" shape="circle" ></t-image><!--对方的的头像框-->
                        <view class="zttp12" wx:if="{{item.type=='graphic'}}">
                            <view class="zjxftp3" >
                            
                            </view>
                            
                            <!---->
                            <t-image bindlongpress="changAn" src="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}" class="zjxftp3" mode="heightFix" bindtap="go2SeeHxDetail" data-tp="{{'https://xzjl-api.windymuse.cn/api/resource/'+item.resourceId+'?k='+userInfo.id}}"></t-image>
                            <view class="zjydwdtp3">{{item.status=='unread'?'未读':'已读'}}</view>
                        </view>
                    </view>
                    <t-image wx:if="{{item.type!='graphic'}}" src="{{loverInfo.avatar}}" class="wchattxk1" shape="circle" ></t-image><!--对方的的头像框-->
                    <!--图片-->
                    
                    <!--信件-->
                    <view class="dfxf" wx:if="{{item.type=='xj'}}"></view>
                    <view class="dfxfydwd" wx:if="{{item.type=='xj'}}">{{item.status=='unread'?'未读':'已读'}}</view>
                    <!--文本-->
                    <view bindtap="dKztDetial" data-xq="{{item}}" class="dftext" wx:if="{{item.type=='text'}}"><view class="xjtext">{{item.content}}</view></view>
                    <view class="dftextwd" wx:if="{{item.type=='text'}}">{{item.status=='unread'?'未读':'已读'}}</view>
                    <!--音频-->
                    <view class="dfaudio" wx:if="{{item.type=='audio'}}">
                        <view class="dfaudiologo"></view>
                    <view class="dfaudiologotxt">2222</view></view>
                    <view class="dftextwd" wx:if="{{item.type=='audio'}}">{{item.status=='unread'?'未读':'已读'}}</view>
                </view>
                
            </view>
            <view class="cqlgd"></view>
        </view>
    
</view>

<view class="hybtn" bindtap="go2Huiyi">回忆</view>
<view class="h1"></view>
    <!--返回图标-->
    <view class="reback" bindtap="go2Reback"></view>
<view class="title">星讯</view>

</view>
<!--星讯聊天下方菜单栏-->
<view class="xfgjl"  wx:if="{{hasLover}}">
<view class="xxqlcd xxqlcd1" bindtap="doClickXz">信札</view>
<view class="xxqlcd xxqlcd2" bindtap="doClickYx">音讯</view>
<view class="xxqlcd xxqlcd3" bindtap="doClickHx">画像</view>
<view class="xxqlcd xxqlcd4" bindtap="openZtVisible">纸条</view>
</view>

<!--写纸条弹窗-->
<t-popup visible="{{ztVisible}}"  placement="top" class="ztPop">
    <view class="ztPopcenter"></view>
    <t-textarea model:value="{{ztText}}" t-class="external-class" placeholder="在此处输入文字" class="ztwzk"  />
    <view class="qxan1 btn1" bindtap="doCancelZt">取消</view>
    <view class="qran1 btn1" bindtap="doFSZt">发送</view>
</t-popup>
<!--打开纸条弹窗-->
<t-popup visible="{{dkZtVisible}}"  placement="top" class="ztPop">
    <view class="ztPopcenter"></view>
    <t-textarea model:value="{{tDetial.content}}" t-class="external-class" placeholder="在此处输入文字" class="ztwzk" disabled  />
    <!--返回按钮-->
    <view class="fhan11" bindtap="doCancelDkZt"></view>
    <view class="fan11r" bindtap="doCancelDkZt"></view>
</t-popup>

<t-popup visible="{{dkTpVisible}}"  placement="top" class="ztPop1">

    <t-image src="{{imgPicUrl}}"  mode="widthFix" class="tppp1"></t-image>
        <!--返回图标-->
        <view class="reback" bindtap="go2Reback1"></view>
        <view class="title">画像</view>
        <view class="tpBcan1" bindtap="go2BcPic">保存</view>
</t-popup>

<!--录音弹窗-->
<t-popup visible="{{luyinVisible}}" bind:visible-change="onVisibleChange" placement="bottom">
  <view class="luyinblock">
    <!--计时器-->
    <view class="luyinjishiqi">{{dsQTime}}</view>
    <!--录音按钮--> <!--还没有开始-->
    <view class="weiluyinanniu" wx:if="{{luYinStatus==0}}" bindtap="doStartLuyin">
        <view class="wlyan1" ></view>
    </view>
    <!--录音按钮--> <!--进行中-->
    <view class="weiluyinanniu" wx:if="{{luYinStatus==1}}" bindtap="doStopLuyin">
        <view class="wlyan2" ></view>
    </view>
    <!--录音按钮--> <!--已结束-->
    <view class="weiluyinanniu" wx:if="{{luYinStatus==2}}" >
        <view class="wlyan3"></view>
    </view>
    <!--轮播图位置-->
    <view class="luyinlbt" wx:if="{{luYinStatus==1}}">
        <view class="box2" style="float: left; height: 50rpx; width: 1000px; " >     
            <image wx:for="{{xhCstP}}" wx:key="index" style="height: 50rpx;width: 50rpx;" src="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/lylbt.png" mode=""/>
        </view>
    </view>
    <view class="luyinlbt1" wx:if="{{luYinStatus!=1}}">
    
    </view>
  <view class="lyhx"></view>
    <view class="header">
      <view class="qxly" aria-role="button" bindtap="quxiaoLuyin">取消</view>
      <view class="qrfs qrfs1" aria-role="button" wx:if="{{luYinStatus!=2}}">发送</view>
      <view class="qrfs qrfs2" aria-role="button" wx:if="{{luYinStatus==2}}" bindtap="do2FsLuyin">发送</view>
    </view>
  </view>
</t-popup>


<popover id='popover'>
      <popover-item bindtap='doDelXiaoxi'>删除</popover-item>
</popover>