|
|
<!--pages/home/xx/lindex/lindex.wxml 星讯：非情侣页面-->
|
|
|
<!-- 头部导航 -->
|
|
|
<view class="allTap-header">
|
|
|
<view class="hybtn" bindtap="go2Huiyi">回忆</view>
|
|
|
<view class="reback" bindtap="go2Reback"></view>
|
|
|
<view class="title">星讯</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="allTap">
|
|
|
|
|
|
<!--聊天内容-可以滑动-->
|
|
|
<view class="ltinfo">
|
|
|
|
|
|
<!--聊天页头部：粉色那一部分-->
|
|
|
<view class="bkgfs" id="button">
|
|
|
<!--最上方的两个头像-->
|
|
|
<view class="bkgfs-img">
|
|
|
<t-image class="txl" shape="circle" src="{{userInfo.avatar}}"></t-image><!--当前用户头像-->
|
|
|
<view class="bkgfs-img-middle" />
|
|
|
<t-image class="txr" shape="circle" src="{{loverInfo.avatar}}"></t-image><!--当前用户头像-->
|
|
|
</view>
|
|
|
|
|
|
<view class="bkgfstxt">
|
|
|
<view class="txt"> 欢迎来到你们的专属情侣树洞</view>
|
|
|
<view class="txt"> 在这里，你可以将你的心意传递给ta</view>
|
|
|
<view class="txt"> 所有美好的回忆都将被精灵记录</view>
|
|
|
</view>
|
|
|
</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'}}">
|
|
|
<view class="delete-btn" wx:if="{{delId === item.id}}" bindtap="deleteMsg">删除</view>
|
|
|
<!--聊天图片&已读未读-->
|
|
|
<view class="zttp11" data-id="{{item.id}}" id="{{'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>
|
|
|
<!--自己的头像框-->
|
|
|
<t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image>
|
|
|
</view>
|
|
|
<!--发送音频消息-->
|
|
|
<view class="zjtablea2" wx:if="{{item.type=='audio'}}">
|
|
|
<view class="delete-btn" wx:if="{{delId === item.id}}" bindtap="deleteMsg">删除</view>
|
|
|
<view class="zjypydwd" >{{item.status=='unread'?'未读':'已读'}}</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}}"
|
|
|
data-id="{{item.id}}"
|
|
|
bindtap="doLuYINBoF"
|
|
|
bindlongpress="changAn"
|
|
|
>
|
|
|
<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://wish-assets.windymuse.com.cn/xy/yppic.png" mode=""/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="zjypwz1">{{item.extra.ssec}}</view>
|
|
|
</view>
|
|
|
<t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
|
|
|
</view>
|
|
|
<!--发送文字消息-->
|
|
|
<view class="zjtable3" wx:if="{{item.type=='text'}}">
|
|
|
<view class="delete-btn" wx:if="{{delId === item.id}}" bindtap="deleteMsg">删除</view>
|
|
|
<view class="zjtextydwd1">{{item.status=='unread'?'未读':'已读'}}</view>
|
|
|
<view class="zjxxbox1"
|
|
|
bindlongpress="changAn"
|
|
|
id="{{'idtext001'+index}}"
|
|
|
data-index="{{'idtext001'+index}}"
|
|
|
data-id="{{item.id}}"
|
|
|
bindtap="dKztDetial"
|
|
|
data-xq="{{item}}"
|
|
|
>
|
|
|
<view class="zjtextcontent">
|
|
|
{{item.content}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
|
|
|
</view>
|
|
|
<!--发送信札消息-->
|
|
|
<view class="zjtable4" wx:if="{{item.type ==='letter'}}">
|
|
|
<view class="delete-btn" wx:if="{{delId === item.id}}" bindtap="deleteMsg">删除</view>
|
|
|
<view class="zjtextydwd1">{{item.status=='unread'?'未读':'已读'}}</view>
|
|
|
<view class="xz-box" bindtap="getLetter" data-item="{{item}}" data-id="{{item.id}}" bindlongpress="changAn"></view>
|
|
|
<t-image src="{{userInfo.avatar}}" class="zjtx1" shape="circle" ></t-image><!--自己的头像框-->
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--对方发的消息-->
|
|
|
<view wx:if="{{!item.isSelf}}" >
|
|
|
<!--图片信息-->
|
|
|
<view wx:if="{{item.type=='graphic'}}" class="zjtableatp3">
|
|
|
<view class="zttp12" wx:if="{{item.type=='graphic'}}">
|
|
|
<t-image src="{{loverInfo.avatar}}" class="wchattxk11" shape="circle" ></t-image><!--对方的的头像框-->
|
|
|
<!-- <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-id="{{item.id}}"
|
|
|
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>
|
|
|
|
|
|
<!-- 文本内容 -->
|
|
|
<view wx:if="{{item.type=='text'}}" class="zjtableatp2">
|
|
|
<view class="zttp12" wx:if="{{item.type=='text'}}">
|
|
|
<t-image src="{{loverInfo.avatar}}" class="wchattxk11" shape="circle" ></t-image><!--对方的的头像框-->
|
|
|
<view bindtap="dKztDetial" data-xq="{{item}}" data-id="{{item.id}}" class="dftext"wx:if="{{item.type=='text'}}" bindlongpress="changAn">
|
|
|
<view class="xjtext">{{item.content}}</view>
|
|
|
</view>
|
|
|
<view class="zjydwdtp3">{{item.status=='unread'?'未读':'已读'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 音频内容 -->
|
|
|
<view wx:if="{{item.type=='audio'}}" class="zjtableatp2">
|
|
|
<view class="zttp12" wx:if="{{item.type=='audio'}}">
|
|
|
<t-image src="{{loverInfo.avatar}}" class="wchattxk11" 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"
|
|
|
data-item="{{item}}"
|
|
|
data-id="{{item.id}}"
|
|
|
bindlongpress="changAn"
|
|
|
>
|
|
|
<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"
|
|
|
data-item="{{item}}"
|
|
|
>
|
|
|
<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://wish-assets.windymuse.com.cn/xy/yppic.png" mode=""/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="zjypwz1">{{item.extra.ssec}}</view>
|
|
|
</view>
|
|
|
<view class="zjydwdtp3">{{item.status=='unread'?'未读':'已读'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!--信札消息-->
|
|
|
<view class="zjtableatp4" wx:if="{{item.type ==='letter'}}">
|
|
|
<t-image src="{{loverInfo.avatar}}" class="wchattxk11" shape="circle" ></t-image>
|
|
|
<view class="xz-box" bindtap="getLetter" data-item="{{item}}" data-id="{{item.id}}"></view>
|
|
|
<view class="zjydwdtp3">{{item.status=='unread'?'未读':'已读'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="cqlgd"></view>
|
|
|
</view>
|
|
|
|
|
|
</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}}" maxlength="{{100}}" 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 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">
|
|
|
<view class="ztPop1-header">
|
|
|
<view class="reback" bindtap="go2Reback1"></view>
|
|
|
<view class="title">画像</view>
|
|
|
</view>
|
|
|
<view class="ztPop1-img">
|
|
|
<t-image src="{{imgPicUrl}}" mode="widthFix" class="tppp1"></t-image>
|
|
|
</view>
|
|
|
<view class="ztPop1-btn">
|
|
|
<view class="ztPop1-btn-text" wx:if="{{savePicture}}">画像保存成功</view>
|
|
|
<view class="tpBcan1" bindtap="go2BcPic">保存</view>
|
|
|
</view>
|
|
|
</t-popup>
|
|
|
|
|
|
<!--录音弹窗-->
|
|
|
<view class="luying-box" wx:if="{{luyinVisible}}">
|
|
|
<view class="luyinblock">
|
|
|
<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 class="luyinjishiqi">{{dsQTime}}</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://wish-assets.windymuse.com.cn/xy/lylbt.png" mode=""/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="luyinlbt1" wx:if="{{luYinStatus!=1}}"></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}}" bindtap="doListen">
|
|
|
<view class="wlyan3"></view>
|
|
|
</view>
|
|
|
<!--录音按钮--> <!--播放录音-->
|
|
|
<view class="weiluyinanniu" wx:if="{{luYinStatus==3}}" bindtap="doStopListen">
|
|
|
<view class="wlyan4"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
