<!-- * @Author: EvilStorm
 * @Date: 2020-10-26 10:44:42
 * @LastEditTime: 2020-10-27 11:44:31
 * @LastEditors: EvStorm
 * @Description: 情侣列表 -->
<!-- 头部内容 -->
<view wx:if="{{couplesId}}">
    <view class="headBox" style="height:{{CustomBar + 160}}px">
        <view style="height:{{CustomBar}}px;">
            <view class="cu-bar text-white ev-fr-start" bindtap="BackPage" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
                <text class="cuIcon-back padding-lr-sm"></text>
                <view class="action text-white">情侣课表</view>
            </view>
        </view>
        <view class="ev-fc-center padding">
            <view>
                <view class="cu-avatar xl round solids" style="background-image:url({{userInfo.avatar}})" />
                <text class="padding-lr-xs"></text>
                <view class="cu-avatar xl round solids" style="background-image:url({{loverInfo.avatar}})" />
            </view>
            <!-- <view class="ev-fr-center contactInfo text-white padding-top">
                <text>和{{loverInfo.nickname}}结为情侣的第</text>
                <text>{{123}}天</text>
            </view> -->
            <view class="contactBind" bind:tap="removeBind">解除绑定关系</view>
        </view>
        <image class="backgroundTexture" mode="heightFix" style="height:{{CustomBar + 160}}px" src="/images/couplesBG.png" />
    </view>
    <!-- 设置 -->
    <view class="settingBox bg-white" style="height:{{displayArea.windowHeight  - (displayArea.windowWidth / 3.75) - 30}}px;">
        <view class="padding-top">
            <view class="settitle padding-lr">历史留言</view>
            <view class="messageHistory" style="height: {{displayArea.windowHeight - 200}}px;">
                <view wx:if="{{messageList.length == 0}}" class="coursenull">
                    <image style="width:100%;height:100%" mode="scaleToFill" src="/images/coursenull.png" />
                    <text>暂无留言哦~</text>
                </view>
                <block wx:else>
                    <view wx:for="{{messageList}}" class="margin-top-xl" wx:key="index">
                        <view class="tips">{{item.time}}</view>
                        <view class="content">{{item.contents}}</view>
                    </view>
                </block>
            </view>
        </view>
    </view>
</view>
<view wx:else>
    <view style="height:{{CustomBar}}px;">
        <view class="cu-bar ev-fr-start" bindtap="BackPage" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
            <text class="cuIcon-back padding-lr-sm"></text>
            <view class="action">情侣列表</view>
        </view>
    </view>
    <view class="ev-mainBody">
        <view>
            <image class="message" mode="scaleToFill" src="/images/couplesSchedule.png" />
        </view>
        <view>
            <text class="title">绑定情侣课表</text>
            <view class="padding-top-sm tips">
                绑定成功后将可查看对方的本学期课程表，并首页显示对方今日
课程，为对方留言以及自定义课程表背景等功能…
            </view>
            <view class="padding-top-sm">
                <button open-type='share' class="ev-fc-center cardBox shareInvi padding-lr">
                    <image class="shareWechat" mode="scaleToFill" src="/images/wechat.png" />
                    <text class="padding-top-sm tips" style="font-size: 14px;">通过微信分享邀请</text>
                </button>
            </view>
        </view>
    </view>
</view>
<view class="cu-modal {{removeBind ?'show':''}}">
    <view class="cu-dialog couplesInvite">
        <view class="ev-fc " style="margin-top:40px">
            <view class="removeIcon ev-fr-center">
                <image class="ev-icon" mode="scaleToFill" src="/images/removeBind.png" />
            </view>
            <view class="title padding">解除情侣绑定</view>
            <view class="tips padding-bottom-xl">解除绑定后，课表将恢复为个人课表是否确定？</view>
            <view class="padding-bottom padding-xl">
                <button class="cu-btn removeButton" data-type="{{true}}" bind:tap="removeBindConfirm">
                    确定
                </button>
                <button class="cu-btn bg-blue org margin-lr-sm" bind:tap="removeBindConfirm">
                    取消
                </button>
            </view>
        </view>
    </view>
</view>