<ion-view view-title="设置" id="settingMain">
<style>
  #settingMain {

  }
  #setting-main-content .scroll{
    height: 100%;
  }
</style>
	<ion-content scroll="false" class="padding" style="align:center;background-color:rgb(250,250,250);" id="setting-main-content">
  
    <div id="setting-top-lines">
      <div id="{{item.cssId}}" class="setting-line" ng-repeat="item in settingTopItems" ng-click="goSettingPage(item);" ng-class="{'setting-line-selected':(item.selected)}">
        <div class="left">
          <i class="icon {{item.icon}} icon-right"></i>
        </div>
        <div class="center">{{item.text}}</div>
        <div class="right" ng-if="item.showRight">
          <i class="icon icon-right ion-chevron-right"></i>
        </div>
      </div>
    </div>
    <div id="setting-bottom-lines">
      <div id="{{item.cssId}}" class="setting-line" ng-repeat="item in settingBottomItems" ng-click="goSettingPage(item);" ng-class="{'setting-line-selected':(item.selected)}">
        <div class="left">
          <i class="icon {{item.icon}} icon-right"></i>
        </div>
        <div class="center">{{item.text}}</div>
        <div class="right" ng-if="item.showRight">
          <i class="icon icon-right ion-chevron-right"></i>
        </div>
      </div>

      <div id="setting-logout-line" class="setting-line button" ng-click="logout();">
        <div class="left">
          <i class="icon ion-gear-b icon-right"></i>
        </div>
        <div class="center">退出登录</div>
        </div>
      </div>
    </div>

    

    <style>
      .setting-line-selected{
        background-color: #eee !important;
      }
      .setting-line{
        display: block;
        margin-top: 10px;
        border: 1px solid #eee;
        background-color: white;
        height: 3rem;
        clear: both;
      }
      .setting-line > div{
        display: inline-block;        
        line-height: 3rem;
      }
      .setting-line .left{
        text-align: center;
        width: 15%;
      }
      .setting-line .center{
        text-align: left;
        width: 70%;
      }
      .setting-line .right{
        text-align: left;
        width: 6%;
        float: right;
      }
      #setting-tip-line {
        margin-top: 3rem;
      }
      #setting-top-lines {
        display: block;
        height: 60%;
      }
      #setting-bottom-lines {
        display: block;
        position: absolute;
        bottom: 20px;
        left: 10px;
        right: 10px;
      }
      #setting-logout-line {
        background-color: red;
      }

      #setting-about-line .center{
        
      }
      #setting-tip-line {
        
      }
    </style>
	</ion-content>
</ion-view>