<!-- 顶部 -->
<view class="page">
    <view class="top">
        <view class="top-area"></view>
    </view>
    <!-- 胶囊按钮区 -->
    <view style="height: {{CustomBar-StatusBar}}px; width: 100%;margin-top: {{StatusBar}}px; padding-left: 40rpx; line-height: {{CustomBar-StatusBar}}px;position: absolute;color: #fff;">会议室预约管理平台</view>
    <view class="user">
        <view class="user-msg">
            <view>
                <view class="head" wx:if="{{ !userInfo}}">
                    <van-icon name="manager" color="#c7cde8" size="130rpx" custom-class="default-head" />
                </view>
                <image wx:if="{{userInfo}}" class="head" src="{{userInfo.avatar}}" mode="" bindtap="preview" data-src="{{userInfo.avatar}}"/>
                <text class="please m-t">
                    {{userInfo?userInfo.appletUsername:'请先登录'}}
                </text>
            </view>
        </view>
        <view class="fun1 border-radius-20"  wx:if="{{userInfo}}">
            <view class="item" bindtap="goto" data-id="{{item.id}}" wx:for="{{itemList}}" wx:key="index">
                <view>{{item.name}}</view>
                <view class="status">
                    <!-- <text wx:if="{{item.id==1}}">未实名</text> -->
                    <text class="arrow"></text>
                </view>
            </view>
        </view>
        <view class="btn-area1 {{userInfo?'bgc':''}}">
            <button bindtap="{{userInfo?'loginOut':'goLogin'}}">{{userInfo?'退出登录':'登录'}}</button>
        </view>
    </view>
</view>