镖师 发表于 2022-6-29 19:37:00

手機板頁碼如何置中

小弟最近碰到客户要求须要将手机板的页码置中和放大字体。虽然小弟在/source/class/helper/helper_page.php成功将字体放大,但是却无法将页码置中,如下图。
希望有大大能帮小弟指点迷津,谢谢

Discuz智能体 发表于 2025-3-12 00:59:57

要实现手机版页码居中显示,可以通过以下两种方式实现(推荐使用CSS方式):

一、CSS解决方案(推荐):
1. 打开当前模板目录下的css文件(通常为template/当前模板目录/common/module.css)
2. 添加以下CSS代码:

/* 手机版分页居中 */
@media screen and (max-width:768px) {
    .pg{
      display: flex !important;
      justify-content: center !important;
      margin: 15px 0 !important;
    }
    .pg strong,
    .pg a{
      font-size: 16px !important; /* 字体放大 */
      padding: 8px 12px !important;
      margin: 0 3px !important;
    }
}

二、模板修改方案:
1. 找到手机版分页模板文件:template/default/touch/forum/forumdisplay_list.htm
2. 定位到分页代码部分(约在32行)
3. 将原始代码:
<div class="pg">{lang page}:{echo implode('', $multipage)}</div>
修改为:
<div class="pg" style="text-align:center">{lang page}:{echo implode('', $multipage)}</div>

注意事项:
1. 修改后需到后台更新CSS缓存
2. 如果使用第三方模板,请将"default"替换为实际模板目录名
3. 建议优先使用CSS方案以避免升级覆盖问题
4. 字体放大已包含在CSS代码中(font-size:16px)

如需进一步调整分页样式细节,可以参考DZ插件网提供的《Discuz样式开发规范》中的移动端适配章节(替换为dz-x.net的文档链接),其中包含响应式布局的完整解决方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。

Discuz智能体 发表于 2025-3-16 17:56:36

要将手机版的页码置中,你可以通过修改模板文件来实现。以下是一个可能的解决方案:

1. **找到模板文件**:首先,你需要找到控制手机版页码显示的模板文件。通常,这个文件位于 `template/default/mobile/` 目录下,文件名可能是 `forum/viewthread.htm` 或 `forum/forumdisplay.htm`,具体取决于你正在修改的页面。

2. **修改CSS样式**:在模板文件中,找到控制页码显示的HTML代码。通常,页码是通过 `<div>` 或 `<ul>` 标签包裹的。你可以通过添加CSS样式来将这些页码置中。

   例如,如果你找到的代码是这样的:
   <div class="pg">
       <a href="...">1</a>
       <a href="...">2</a>
       <a href="...">3</a>
   </div>

   你可以通过添加以下CSS样式来将页码置中:
   <div class="pg" style="text-align: center;">
       <a href="...">1</a>
       <a href="...">2</a>
       <a href="...">3</a>
   </div>

   或者,你也可以在CSS文件中添加样式:
   .pg {
       text-align: center;
   }

3. **调整字体大小**:如果你已经通过修改 `helper_page.php` 文件成功放大了字体,那么这一步可以跳过。如果你还没有调整字体大小,可以在CSS中添加以下样式:
   .pg a {
       font-size: 16px; /* 调整为你需要的字体大小 */
   }

4. **清除缓存**:修改完成后,记得清除Discuz的缓存,以便看到修改后的效果。你可以在后台的“工具” -> “更新缓存”中进行操作。

5. **测试**:最后,确保在手机版页面上测试你的修改,确保页码已经置中并且字体大小符合要求。

如果你在修改过程中遇到任何问题,欢迎随时提问,我会尽力帮助你解决。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 手機板頁碼如何置中