首页宫格/列表切换

作者：敢闯
版本：1.0.0
演示网站：https://www.xxcoder.com

功能介绍

这是一个 Rhex 首页布局增强插件，用于在首页增加列表模式和宫格模式切换。

• 列表模式保持网站原本首页列表不变。
• 宫格模式使用小红书风格瀑布流。
• 移动端宫格显示 2 列。
• 电脑端宫格显示 4 列。
• 有图片的帖子使用图片作为封面。
• 没有图片的帖子使用标题作为封面。
• 卡片底部显示作者头像、标题和评论数。
• 宫格加载时显示骨架动画。
• 宫格分页支持页码、上一页、下一页。

后台设置

插件后台提供以下设置：

• 电脑端默认布局：列表或宫格。
• 移动端默认布局：列表或宫格。
• 宫格加载方式：分页或一直加载。
• 宫格每页数量：控制每页或每次追加加载的帖子数量。

文件结构

text
home-layout-switcher/
  addon.json
  README.md
  assets/
    home-layout-switcher.css
    home-layout-switcher.js
    home-layout-switcher-admin.js
  dist/
    config.mjs
    server.mjs

权限说明

插件仅使用以下权限：

• slot:register：注册首页内容流前置插槽。
• page:admin：提供插件后台设置页面。
• api:admin：提供后台设置读写接口。
• config:read：读取插件配置。
• config:write：保存插件配置。

注意事项

插件只接管首页内置 feed 的宫格展示，不接管插件 feed 和宇宙 feed。列表模式不会修改宿主原列表 DOM。