[开发]SoSite 插件页宽度/文字/滚动条更新包(2026-08-11)

👑Lv.11 元老 🌞 骨干会员
2026-10-25 00:56:22

本文由 FlintHub 开发文档归档发布。原始文档日期见标题前缀,来源:8月12日的备份/update/13/README-部署说明.md。

SoSite 插件页宽度/文字/滚动条更新包(2026-08-11)

本目录包含 7 个修改 的文件,按原目录结构放置。

覆盖方式:将本目录内所有文件按相同路径上传覆盖到站点根目录(如 D:/phpstudy_pro/WWW 或服务器对应路径)。

生成环境:PHP 8.2 / MySQL 5.7.26。


一、本包功能说明

  1. 插件页宽度统一:每日签到、积分红包(列表/详情)、个人主页此前被钉在 600~720px 居中,PC 中栏(约 780px)两侧各留 30~90px 空白,视觉偏窄。本包去掉这些限宽,让页面占满中栏,与摇骰子/猜题对决/图标工具等插件一致。
  2. 顶部空白收敛:个人主页、图标工具容器自身带有顶部 padding,叠加中栏自带 20px 间距后顶部偏空;本包去掉容器顶部 padding,与全站一致。
  3. 详情页右侧栏文案:帖子/博客详情页右侧"发帖人信息栏"按钮文字由"个人中心"改为"用户主页"(链接不变,仍指向 /u/{id} 用户主页)。
  4. 滚动条占位防跳动:前台 html 补 overflow-y:auto; scrollbar-gutter:stable(与后台 admin.css 一致),内容不满一屏时无空滚动条、长/短页面切换时页面宽度不跳动(轨道透明占位,视觉无痕)。

二、各文件改动明细

文件改动
plugins/daily_checkin/assets/style.css.dc-modern-wrap 去掉 max-width:600px(保留 margin:0 auto)→ 签到页占满中栏
plugins/red_packet/views/index.php容器类去掉 mn-maxw-600 → 红包列表占满中栏
plugins/red_packet/assets/style.css.rp-modern-container 去掉 max-width:600px → 红包详情占满中栏
plugins/user_profile/assets/style.css.up-container 去掉 max-width:720px;padding: 20px 16px → 0 0 20px(去顶部 20px + 左右 16px)→ 个人主页占满中栏、顶部紧凑
plugins/icon_generator/assets/style.css.icon-gen-container padding: 16px 0 → 0 0 16px(去顶部 16px)→ 图标工具顶部紧凑
app/Views/_components/right_sidebar.php详情页右侧栏"发帖人信息栏"按钮文案"个人中心"→"用户主页"
assets/css/modern.csshtml 规则补 overflow-y:auto; scrollbar-gutter:stable(原仅有 font-size 等),前后台滚动条占位一致

三、覆盖前必须做的事

备份服务器现状

把服务器上以下文件整体备份一份(zip 即可):

  • plugins/daily_checkin/assets/style.css
  • plugins/red_packet/views/index.php、plugins/red_packet/assets/style.css
  • plugins/user_profile/assets/style.css
  • plugins/icon_generator/assets/style.css
  • app/Views/_components/right_sidebar.php
  • assets/css/modern.css

四、本包包含的文件清单(7 个,均为修改)

app/Views/_components/right_sidebar.php
assets/css/modern.css
plugins/daily_checkin/assets/style.css
plugins/red_packet/views/index.php
plugins/red_packet/assets/style.css
plugins/user_profile/assets/style.css
plugins/icon_generator/assets/style.css

五、部署步骤(推荐顺序)

  1. 备份(见第三节)
  2. 上传本 update 包全部文件,按路径覆盖
  3. 清空模板编译缓存:protected/cache/templates/ 目录下文件(模板引擎会自动重建,视图文件改动后建议清除)
  4. 浏览器回归验证(见下)

六、回归验证清单

页面/场景检查点
/checkin(每日签到)内容占满中栏,两侧无大留白
/redpacket(红包列表)表单/列表占满中栏
/redpacket/{id}(红包详情)红包卡片占满中栏
/u/{id}(个人主页)占满中栏、顶部紧凑、两侧无 16px 缩进
/icon(图标工具)顶部紧凑(去掉 16px 空白)
帖子/博客详情页右侧"发帖人信息栏"按钮显示"用户主页",点击进入 /u/{id}
任意前台页面长/短页面切换时页面宽度不跳动;内容不满一屏时右侧无空滚动条

七、注意事项

  • 全部为 CSS / 视图文字改动,无数据库变更、无路由变更
  • scrollbar-gutter:stable 浏览器支持:Chrome 94+ / Firefox 97+ / Safari 18+(老版本忽略该属性,回退为原 auto 行为)
  • 移动端(≤768px)中栏本身窄于原限宽,去限宽后无视觉差异;顶部 padding 收敛在移动端同样生效(更紧凑)
  • right_sidebar.php 中另一处"个人中心"(登录用户面板,链接 /profile)未改动,语义不同

本包由 2026-08-11 会话生成(插件页宽度统一 + 顶部空白收敛 + 右侧栏文案 + 滚动条占位防跳动)。

轻量级、高性能、零 MySQL 依赖的PHP社区系统。
| 浏览 3 次 | 回复 0 次

全部回复 (0)

暂无回复

请 登录