system-phone/src/bootstrap/less/pager.less

手机模块 前端组件

//
// Pager pagination
// --------------------------------------------------


.pager {
  // padding-left: 0;
  // margin: @line-height-computed 0;
  padding: 5px;
  background: #F2F6FA;
  list-style: none;
  text-align: center;
  &:extend(.clearfix all);
  li {
    display: inline;
    color: #324057;
    > a,
    > span {
      display: inline-block;
      padding: 5px 14px;
      // background-color: @pager-bg; // 原来的
      // border: 1px solid @pager-border; // 原来的
      border-radius: @pager-border-radius;
      color: #324057;
      border: 1px solid #F2F6FA;
    }

    > a:hover {  // 这个花括号原本没有
      text-decoration: none;
      // background-color: @pager-hover-bg; // 原来的
      border: 1px solid #324057;
    }

    > a:focus {
      text-decoration: none;
      background-color: rgba(255, 255, 255, 0.5); //@pager-hover-bg
    }
  }

  .next {
    > a,
    > span {
      float: right;
    }
  }

  .previous {
    > a,
    > span {
      float: left;
    }
  }

  .disabled {
    > a,
    > a:hover,
    > a:focus,
    > span {
      color: @pager-disabled-color;
      background-color: @pager-bg;
      cursor: @cursor-disabled;
    }
  }

  input {// 原本没有，自己扩展出来的
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: gray;
    height: 23px;
    width: 40px;
    border-radius: 3px;
    border: 0px solid #fff;
    text-align: center;
  }
}