本文由 FlintHub 开发文档归档发布。原始文档日期见标题前缀,来源:8月12日的备份/update/13/README-部署说明.md。
SoSite 插件页宽度/文字/滚动条更新包(2026-08-11)
本目录包含 7 个修改 的文件,按原目录结构放置。
覆盖方式:将本目录内所有文件按相同路径上传覆盖到站点根目录(如 D:/phpstudy_pro/WWW 或服务器对应路径)。
生成环境:PHP 8.2 / MySQL 5.7.26。
一、本包功能说明
- 插件页宽度统一:每日签到、积分红包(列表/详情)、个人主页此前被钉在 600~720px 居中,PC 中栏(约 780px)两侧各留 30~90px 空白,视觉偏窄。本包去掉这些限宽,让页面占满中栏,与摇骰子/猜题对决/图标工具等插件一致。
- 顶部空白收敛:个人主页、图标工具容器自身带有顶部 padding,叠加中栏自带 20px 间距后顶部偏空;本包去掉容器顶部 padding,与全站一致。
- 详情页右侧栏文案:帖子/博客详情页右侧"发帖人信息栏"按钮文字由"个人中心"改为"用户主页"(链接不变,仍指向
/u/{id}用户主页)。 - 滚动条占位防跳动:前台
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.css | html 规则补 overflow-y:auto; scrollbar-gutter:stable(原仅有 font-size 等),前后台滚动条占位一致 |
三、覆盖前必须做的事
备份服务器现状
把服务器上以下文件整体备份一份(zip 即可):
plugins/daily_checkin/assets/style.cssplugins/red_packet/views/index.php、plugins/red_packet/assets/style.cssplugins/user_profile/assets/style.cssplugins/icon_generator/assets/style.cssapp/Views/_components/right_sidebar.phpassets/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五、部署步骤(推荐顺序)
- 备份(见第三节)
- 上传本 update 包全部文件,按路径覆盖
- 清空模板编译缓存:
protected/cache/templates/目录下文件(模板引擎会自动重建,视图文件改动后建议清除) - 浏览器回归验证(见下)
六、回归验证清单
| 页面/场景 | 检查点 |
|---|---|
/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 会话生成(插件页宽度统一 + 顶部空白收敛 + 右侧栏文案 + 滚动条占位防跳动)。