淘模板网(www.admin345.com)教您如何使用企业网站内容管理系统(cms)模板源码,零基础轻易快速的搭建自己的网站。
易优列表页分页样式说明和使用教程_淘模板网
  • (自适应手机版)宽屏大气的搬家快递公司pbootcms模板网站建设 响应式搬家家政公司网站源码下载模板网站制作

    (自适应手机版)宽屏大气的搬家快递公司pbootcms模板网站建设 响应式搬家家政公司网站源码下载模板网站制作

  • (自适应)蓝色营销型运动健身器材pbootcms模板下载源码网站制作 蓝色健身器材模板源码模板网站建设

    (自适应)蓝色营销型运动健身器材pbootcms模板下载源码网站制作 蓝色健身器材模板源码模板网站建设

  • (PC+WAP)生活资讯百科门户类网站pbootcms模板下载源码网站制作 粉色生活门户模板网站建设

    (PC+WAP)生活资讯百科门户类网站pbootcms模板下载源码网站制作 粉色生活门户模板网站建设

  • (自适应手机端)html5响应式手机APP软件下载介绍页面单页html模板

    (自适应手机端)html5响应式手机APP软件下载介绍页面单页html模板

  • (自适应手机端)html5响应式自式应汽车销售展示网站html静态源码

    (自适应手机端)html5响应式自式应汽车销售展示网站html静态源码

  • (自适应手机版)响应式统一战线政府单位机构类网站pbootcms模板 红色政府部门机构网站源码下载

    (自适应手机版)响应式统一战线政府单位机构类网站pbootcms模板 红色政府部门机构网站源码下载

  • (自适应手机端)html5酒店假日住店html静态页面源码模板网站

    (自适应手机端)html5酒店假日住店html静态页面源码模板网站

  • (自适应手机版)响应式电脑修理公司pbootcms模板下载源码网站制作-蓝色HTML5电脑修理维修店模板源码模板网站建设

    (自适应手机版)响应式电脑修理公司pbootcms模板下载源码网站制作-蓝色HTML5电脑修理维修店模板源码模板网站建设

  • (自适应手机版)响应式电子科技产品公司pbootcms网站模板 电子产品网站源码下载

    (自适应手机版)响应式电子科技产品公司pbootcms网站模板 电子产品网站源码下载

  • (自适应手机端)Bootstrap大气宽屏的html5响应式在线课程教育平台html静态网站页面模板

    (自适应手机端)Bootstrap大气宽屏的html5响应式在线课程教育平台html静态网站页面模板

  • (自适应手机版)简繁双语黑色轴承齿轮机械制造企业pbootcms模板网站建设 机械齿轮设备网站源码下载模板网站制作

    (自适应手机版)简繁双语黑色轴承齿轮机械制造企业pbootcms模板网站建设 机械齿轮设备网站源码下载模板网站制作

  • (自适应手机端)新闻资讯博客网站pbootcms模板 html5响应式新闻博客网站源码下载

    (自适应手机端)新闻资讯博客网站pbootcms模板 html5响应式新闻博客网站源码下载

  • (自适应手机端)易优cms模板编号28452响应式旅游景区旅行企业eyoucms网站模板源码免费下载

    (自适应手机端)易优cms模板编号28452响应式旅游景区旅行企业eyoucms网站模板源码免费下载

  • (pc+wap)蓝色小程序网站pbootcms模板网站制作-小程序电商软件开发公司网站源码下载模板网站建设

    (pc+wap)蓝色小程序网站pbootcms模板网站制作-小程序电商软件开发公司网站源码下载模板网站建设

  • (自适应手机端)html5大气响应式公司创建网站页面html源码模板

    (自适应手机端)html5大气响应式公司创建网站页面html源码模板

  • (自适应手机版)响应式新闻资讯技术博客pbootcms模板 游戏新闻网站源码下载

    (自适应手机版)响应式新闻资讯技术博客pbootcms模板 游戏新闻网站源码下载

  • 易优列表页分页样式说明和使用教程

    做网站的时候难免遇到列表页分页部分样式怎么设计和写入CLASS标签。就比如你去利用别人的网站分页风格一样或者自己先修改但是易优是直接一个分页标签,这个时候就难倒了。

    {eyou:pagelist listitem=index,pre,pageno,next,end listsize=2 /}

    易优列表页分页样式说明和使用教程

    那么我们该怎么修改了。

    这里我将简单的举例说明下。

    分页样式修改需改动PHP文件 目录是:

    corelibrarythinkpaginatordriver

    目录里面的  Eyou.php  ---(PC端)

    首先,我们在这里先确认下  自己要改的样式。

    (这里以对象网站来说明,也就是说 分页样式他首先是以什么格式,

    比如   :


    • --


    • 这样的格式   你首先得先确认好他的格式样式才可以 这样才能按照他的格式 来做修改。

      然后选择页数的当时样式  比如  是第二页  那么 第二页了这个链接(2)就会显示不同的样式来高亮分辨

      来个实际的例子吧!

      首页

      上一页

      1

      234 下一页

      末页

      易优列表页分页样式说明和使用教程

      像上面的样式应该怎么修改到我们的分页里面去了。

      首先我们先确定他的样式 基本就是

      1//选择后(当前页)有样式

      2//没选择后(当前页)就没有样式

      那么在风格模板里面我们就可以改成以下

      {eyou:pagelist listitem=index,pre,pageno,next,end listsize=2 /}

      然后到 PHP里面我们做修改就可以了,

      分页样式修改改动PHP文件 目录是:

      corelibrarythinkpaginatordriver

      目录里面的Eyou.php---(PC端)

      找到:

      -----------------------------划分线开始---------------------------------------------

      protected function getAvailablePageWrapper2($url, $page)

      {

      return

    • . $page .

    • ;


      }

      /**

      * 生成一个可点击的按钮

      *

      * @param  string $url

      * @param  int    $page

      * @return string

      */

      protected function getAvailablePageWrapper($url, $page)

      {

      return

    • . $page .

    • ;


      }

      /**

      * 生成一个禁用的按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getDisabledTextWrapper($text)

      {

      return

    • . $text .

    • ;


      }

      /**

      * 生成一个激活的按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper($text)

      {

      return

    • . $text .

    • ;


      }

      ---------------------------------划分线结束----------------------------------------

      修改成以下 代码:

      ---------------------------------划分线开始----------------------------------------

      protected function getAvailablePageWrapper2($url, $page)

      {

      return  . $page . ;

      }

      /**

      * 生成一个可点击的按钮

      *

      * @param  string $url

      * @param  int    $page

      * @return string

      */

      protected function getAvailablePageWrapper($url, $page)

      {

      return  . $page . ;

      }

      /**

      * 生成一个禁用的按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getDisabledTextWrapper($text)

      {

      return  . $text . ;

      }

      /**

      * 生成一个激活的按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper($text)

      {

      return <a class="active"> . $text . ;

      }

      ---------------------------------划分线结束----------------------------------------

      红色部分active就是当前页高亮变色的样式。

      其实修改的部分就是上面有颜色的部分

      解说:

      return

    • . $page .

    • ;


      改成:

      return  . $page . ;

      因为样式里面没有


    • 部分


      如果新版本里面

      增加了

      /**

      * 生成一个激活的数字按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper2($text)

      {

      return

    • <li class="

    • active"> . $text . ;


      }

      以上字段  切记 一样给他修改成:

      /**

      * 生成一个激活的数字按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper2($text)

      {

      return <a class="active<a class=""> . $text . ;

      }

      记得!!

      保存即可!

      这样做出来的效果 就是

      首页 上一页 <a class="active">1234 下一页 末页


      大家可以对照下我改的 就知道怎么修改了

      总结是 先确定好格式 然后再按照格式来做修改。

      明天补充图文教程

      以对象https://demoall.yiyocms.com/10949/xinwendongtai/为例子。

      1599614110344938.png

    • 首页

    • 上一页

    • 1

    • 2

    • 下一页

    • 末页

    • 这就是分页样式格式

      前端列表页下面的分页格式 我们就可以直接写成:

      1599614901716450.png

      {eyou:pagelist listitem=index,pre,pageno,next,end listsize=2 /}

      然后打开corelibrarythinkpaginatordriver

      目录里面的  Eyou.php 做出修改:

      首先是定义当前页数高亮的部分,就是当前比如是第一页   那么这个就是激活按钮样式


    • 1

    •   我们上面的 样式  第一页为  那么我们先找这个出来。


    • /**

      * 生成一个激活的数字按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper2($text)

      {

      return

    • . $text .

    • ;


    • }

      将上面的

      return

    • . $text .

    • ;


    • 改成:

      return

    • . $text .

    • ;


    • /**

      然后

      * 生成一个激活的按钮

      *

      * @param  string $text

      * @return string

      */

      protected function getActivePageWrapper($text)

      {

      return

    • . $text .

    • ;


    • }

      将上面的:

      return

    • . $text .

    • ;


    • 改成:

      return

    • . $text .

    • ;


    • 即可

      202206121440.png

      然后查看总体的格式:

      他这里都是



    • 那么我们基本不用多做修改 因为默认的也是带

    • 格式


      这样出来的效果就是一样了。

      注意的就是格式要跟我们自己样式一样 就可以了

      假如我们用其他的 直接a标签 不带

    • 那么就可以直接删了 这个标签


      结束

    相关推荐

    • Pbootcms模板
    • pbootcms教程
     
    QQ在线咨询