www-huanghe/modules/common/views/filterPage.html

<ion-modal-view style="background-color:rgba(0,0,0,0.5);width:80%;" title="{{labelTitle}} 相关资源"
                class="modal-content half-modal">
  <div class="bar bar-header bar-header-blue">
    <div class="button button-icon icon pus_blue"></div>
    <!--<button class="button button-icon  icon goback whiteGoBack noneContent"  ng-click="goback()"></button>-->
    <h1 class="bar_title" style="color: #fff">资源筛选条件</h1>
    <div class="button button-icon icon top-button-close" ng-click="filterPageModal.hide()">
      <i class="icon ion-android-close"></i>
    </div>
  </div>
  <ion-content class="has-header" scroll="true" delegate-handle="privateContent"
               style="padding-top:10px;background-color: #fff">
    <div class="">
      <div ng-repeat="list in filterList" ng-init="outerIndex=$index" class="filterlist-box">
        <div class="filterlist-title">{{list.title}}</div>
        <ul style="margin:10px 0;">
          <li ng-repeat="item in list.items track by $index"
              ng-class="{'list-item':true,'selected-item':item.selected}"
              ng-click="changSelected(item,outerIndex,$index)">{{item.labelName}}
          </li>
        </ul>
      </div>

      <!--<div class="filterlist-title">{{typeModel.title}}</div>-->

      <!--<ul class="filter-items">
          <li ng-repeat="list in typeList track by $index"
              ng-class="{'list-item':true,'selected-item':list.selected}" ng-click="selectByList($index)">
              {{list.labelName}}
          </li>
      </ul>-->

      <div class="filterlist-box">
        <div class="filterlist-title">{{sortList.title}}</div>
        <ul class="filter-items">
          <li ng-repeat="list in sortList.items track by $index"
              ng-class="{'list-item':true,'selected-item':list.selected}" ng-click="selectBySort($index)">
            {{list.labelName}}
          </li>
        </ul>
      </div>

    </div>
    <!--<div class="filterlist-box" ng-if="libtype == 1">
        <div class="filterlist-title">{{taskTypeList.title}}</div>
        <ul class="filter-items">
            <li ng-repeat="list in taskTypeList.items track by $index"
                ng-class="{'list-item':true,'selected-item':list.selected}" ng-click="selectByTaskType($index)">
                {{list.labelName}}
            </li>
        </ul>
    </div>-->
    <br><br><br><br><br><br><br><br><br><br>

  </ion-content>
  <div class="submit-box" style="background-color: #fff">
    <button ng-click="resetSelected()" class="button button-assertive filter-submit-button">重置</button>
    <button ng-click="submitSelected()" class="button button-positive filter-submit-button"
            style="background-color:#5BABE6;">确认
    </button>
  </div>

</ion-modal-view>
<style>
  .top-button-close {
    color: #fff;
  }

  /*.half-modal{*/
  /*background-color:rgba(0,0,0,0.5);margin-left:20%;*/
  /*}*/
  @media screen and (min-width: 900px) {
    .modal-backdrop, .modal-backdrop-bg {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 20.5rem;
    }
  }
</style>