|
|
<!--pages/home/xx/lindex/lindex.wxml-->
|
|
|
|
|
|
<view >
|
|
|
|
|
|
|
|
|
<!--聊天内容-可以滑动-->
|
|
|
<view class="ltinfo">
|
|
|
|
|
|
<view class="bkgfs">
|
|
|
<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">
|
|
|
<view class="wchattime">{{item.createdAt}}</view><!--显示时间框-->
|
|
|
<!--自己发的消息-->
|
|
|
<view wx:if="{{item.isSelf}}" >
|
|
|
<!--发送信件消息-->
|
|
|
<view class="zjtablea1" wx:if="{{item.type=='graphic'}}">
|
|
|
<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 class="zjypk1"><view class="zjypt1"></view>
|
|
|
<view class="zjypwz1">1111</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" 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}}" >
|
|
|
<t-image src="{{loverInfo.avatar}}" class="wchattxk1" shape="circle" ></t-image><!--对方的的头像框-->
|
|
|
<!--信件-->
|
|
|
<view class="dfxf" wx:if="{{item.type=='graphic'}}"></view>
|
|
|
<view class="dfxfydwd" wx:if="{{item.type=='graphic'}}">{{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">信札</view>
|
|
|
<view class="xxqlcd xxqlcd2">音讯</view>
|
|
|
<view class="xxqlcd xxqlcd3">画像</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>
|
|
|
|
