www-huanghe/modules/component/template/pagination.html

<div id="pagination_box" style="float: right">
  <ul class="pagination" id="pagination">
    <li class="pagination_list">
      <span href="" ng-click="getbforepage()">&lt;</span>
    </li>
    <li class="pagination_list" >
      <span  ng-click="getselectdata(1)" ng-class="{'selectpagebg':1==currentPage}">1</span>
    </li>
    <li class="pagination_list" ng-if="selectpagelist[6]>8" >
      <span ng-click="getlower(item)">&sdot;&sdot;&sdot;</span>
    </li>
    <li class="pagination_list" ng-repeat="item in selectpagelist" ng-if="page.totalPage>item" >
      <span   ng-click="getselectdata(item)" ng-class="{'selectpagebg':item==currentPage}">{{item}}</span>
    </li>
    <li class="pagination_list " ng-if="selectpagelist[6]<(page.totalPage-1)">
      <span ng-click="getmore(item)">&sdot;&sdot;&sdot;</span>
    </li>
    <li class="pagination_list">
      <span  ng-click="getselectdata(page.totalPage)" ng-class="{'selectpagebg':page.totalPage==currentPage}">{{page.totalPage}}</span>
    </li>
    <li class="pagination_list">
      <span ng-click="getbehindpage()">&gt;</span>
    </li>
    <li class="pagination_list">
      <span>第&nbsp;{{currentPage}}/{{page.totalPage}}&nbsp;页,共{{page.totalCount}}&nbsp;条</span>
    </li>
    <!--<li class="pagination_list"><a>当前第&nbsp;{{data.selectpageindex}}&nbsp;页</a></li>-->
  </ul>
</div>
<style>
  .pagination{
    display: flex;
    align-content: space-between;
  }
  .pagination_list{
   font-size: 18px;
    color: #303133;
    cursor: pointer;
  }
  .pagination_list>span{
    padding: 6px 8px !important;
  }
  .selectpagebg{
    /*background-color: #428BCD!important;*/
    color: #428BCD!important
  }

</style>