• <ruby id="autqt"></ruby>
    <optgroup id="autqt"><em id="autqt"></em></optgroup>
    <span id="autqt"></span><span id="autqt"></span>

  • <strong id="autqt"></strong>

      PbootCMS后臺分頁開啟頁碼選擇欄的方法

      發布時間:2022-01-12 18:05:44 作者:外編編輯 來源:本站 瀏覽量(67) 點贊(28)
      摘要:有網友來咨詢通過采集到網站上的數據很多,導致后臺文章管理列表頁的分頁非常多,中間已經用省略號來顯示,當需要專門去某一頁的時候就變得操作不方便了。那么有沒快速選擇頁碼的方法呢,查看源碼發現官方分頁條這塊功能已經自帶了一個頁碼選擇欄,只是被隱藏掉了,那去開啟即可。解決方法打開這個文件 /core/view/Paging.p

      有網友來咨詢通過采集到網站上的數據很多,導致后臺文章管理列表頁的分頁非常多,中間已經用省略號來顯示,當需要專門去某一頁的時候就變得操作不方便了。

      QQ圖片20200403231807.png

      那么有沒快速選擇頁碼的方法呢,查看源碼發現官方分頁條這塊功能已經自帶了一個頁碼選擇欄,只是被隱藏掉了,那去開啟即可。解決方法打開這個文件 /core/view/Paging.php,找到截圖中的位置,264行,去掉雙斜杠啟用頁碼選擇欄后保存,后臺刷新就能看到效果了。

      image.png

      開啟后的效果,是不是哪里不對,沒做樣式美化。

      image.png

      樣式美化找到這個css文件apps/admin/view/default/css/comm.css,然后找到140行(我的是v2.0.7版本)如圖

      image.png

      在這個位置復制下面代碼替換掉截圖中的

      .page-status,.page-index,.page-pre,.page-num,.page-next,.page-last,
      .page-select select {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: middle;
      padding: 0 15px;
      height: 28px;
      line-height: 28px;
      margin: 0 -1px 5px 0;
      background-color: #fff;
      color: #333;
      font-size: 12px;
      border: 1px solid #e2e2e2;
      }
      .page-select {
      display: inline-block;
          height: 30px;
          vertical-align: top;
          box-sizing: border-box;
          border: 1px solid #e2e2e2;
      }
      .page-select select {
      border: none;
          margin: 0;
      }

      回到后臺頁面強制刷新看下效果,嗯好看了

      image.png

      二維碼

      掃一掃,關注我們

      聲明:本網文章由eBinGou編輯發布,未經許可嚴禁轉載或他用;若有來源標注錯誤或侵犯了您的合法權益,請作者持權屬證明與本網聯系,我們將及時更正、刪除,謝謝。如獲得相關權屬請注明出處http://www.cao861.com/pboot/3774.html

      看這么多不如咨詢一下?

      聯系我們,我們愿意為您提供任何咨詢答疑!

      多個選擇總是好的

      搜索千萬次不如咨詢1次

      我們為您提供專業到位的服務,不放棄任何一客戶,一次合作終身的朋友

      立即咨詢 18665690707-微信同號-
      人妻中文字幕

    1. <ruby id="autqt"></ruby>
      <optgroup id="autqt"><em id="autqt"></em></optgroup>
      <span id="autqt"></span><span id="autqt"></span>

    2. <strong id="autqt"></strong>