<?php if (!defined('ROOT')){ echo 'Deny ...'; exit; } extract($data); ?>
<style>
.list-item-container {
  line-height: 1;
  padding: 15px 0px 15px 15px;
}

.thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.name {
  font-weight: 500;
  line-height: 16px;
  font-size: 15px;
  margin-bottom: 6px;
}

.location {
  color: #FF4431;
  font-size: 14px;
  opacity: 0.4;
  margin-bottom: 6px;
}

.desc {
  line-height: 1.2;
  font-size: 13px;
}
</style>
<ons-page ng-controller="JifenController">
    <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>
    <ons-list class="person-list">
        <p ng-show="items.length === 0" style="padding-left: 24px;">
            没有相关数据
        </p> 
        <ons-list-item class="list-item-container" ng-repeat="item in items">
            <ons-row>
            <ons-col width="90px">
              <img src="{{item.titlepic}}" class="thumbnail">
            </ons-col>
            <ons-col>
              <div class="name">
                {{item.title}}
              </div>
              <div class="location">
                兑换积分: {{item.jifen}}
              </div>
              <div class="desc">
                {{item.notice}}
              </div>              
            </ons-col>
            <ons-col width="50px">
                <button class="button" ng-click="duihuan(item.id);">兑换</button>        
            </ons-col>
          </ons-row>            
        </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>