|
|
<!--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> |
