<?php if (!defined('ROOT')){ echo 'Deny ...'; exit; } extract($data); ?>
<style>
.person-list {border-top: none;}
.person {line-height: 1;}
.person-list-header {opacity: 0.6;}
.person-name {line-height: 44px;}
.person-image {width: 30px;height: 30px;margin-top: 8px;border-radius: 2px;}    
</style>
<ons-page ng-controller="UserInviteController">
    <div class="navigation-bar">
        <div class="navigation-bar__left">
            <span class="toolbar-button--quiet navigation-bar__line-height" onclick="userNavigator.popPage();">
                <i class="ion-ios-arrow-back" style="font-size:32px; vertical-align:-6px;"></i>
                返回
            </span>
        </div>
        <div class="navigation-bar__center">
            我的邀请
        </div>
        <div class="navigation-bar__right"></div>
    </div>
    <ons-list class="person-list">
        <p ng-show="items.length === 0" style="padding-left: 24px;">
            没有相关数据
        </p> 
        <ons-list-item class="person" ng-repeat="item in items">
            <ons-row>
                <ons-col width="40px">
                    <img src="{{item._face}}" class="person-image">
                </ons-col>
                <ons-col class="person-name">
                    {{item.userid_value}}
                </ons-col>
            </ons-row>
            <span class="list-item-note lucent" style="top: 18px; right: 10px;">{{item._dateline}}</span>
        </ons-list-item>
    </ons-list>
    <div style="text-align: center; margin-bottom: 12px;" ng-show="count > 0"><button class="button button--light" ng-click="loadMore();">点击加载更多</button></div>
</ons-page>