Transitio

Note

此插件 1.0.0 版本及以上最低支持 LiteLoaderQQNT 1.0.0，之前版本的 LiteLoaderQQNT 请使用 1.0.0 之前的 Release

LiteLoaderQQNT 插件，用于为 QQNT 加载任意 CSS 片段。

你可能也感兴趣：Scriptio，自定义渲染层 JavaScript 脚本加载器。

🪄 具体功能

导入 CSS 代码片段
启用/禁用 CSS 代码片段
开发者模式：监控文件更改，实时预览效果
立即重载：立即重载所有 CSS 代码片段

🖼️ 截图

演示中使用了 MSpring-Theme，主题色为 #74A9F6。

📥 安装

稳定版

下载 Release 中的 transitio-release.zip，解压后放入数据目录下的 plugins/transitio 文件夹中即可。(若没有该文件夹请自行创建)

CI 版

若想体验最新的 CI 功能，可以下载源码后同上安装。(仅需下载下面列出的文件)

完成后的目录结构应该如下:

plugins (所有的插件目录)
└── transitio (此插件目录)
    ├── manifest.json (插件元数据)
    ├── main.js (插件脚本)
    ├── preload.js (插件脚本)
    ├── renderer.js (插件脚本)
    ├── settings.html (插件设置界面)
    └── icons/ (插件用到的图标)

🤔 使用方法

Warning

所有不是通过配置界面进行的更改，除非打开了 开发者模式，都只在双击 导入 CSS 这行字或重启 QQ 后生效。

启用/禁用样式：打开插件设置界面，将对应的样式开关打开/关闭，即时生效。
- 若点击各个开关速度过快，可能会导致错位等情况，此时请双击 "导入 CSS" 来重载。
导入样式：在配置界面导入 CSS 文件，或将之放入 data/transitio/styles/ 文件夹。
- 样式的编写请参考 Wiki。
- 可以在此文件夹下创建多层目录，插件会自动扫描所有 CSS 文件，但是设置界面导入的还是默认直接放在 data/transitio/styles/ 下
删除样式：鼠标悬停在样式上并点击删除 🗑️ 按钮，或进入 data/transitio/styles/ 文件夹删除对应文件。
修改样式：修改对应文件即可。
- 鼠标悬停在样式标题上时，会显示其绝对路径。
- 鼠标悬停在样式上时，会展示 "在文件夹中显示" 按钮。
更新样式：重新导入即可。

💻 调试

开发者模式：若您想要调试您的 CSS 片段，可以在插件设置界面打开开发者模式，此时插件会监控 data/transitio/styles/ 文件夹，当发生更改时，会自动重载。
Debug 模式：若您想要调试此插件本身，可以使用 --transitio-debug 参数启动 QQNT，此时插件会在控制台输出调试信息。

📜 用户 CSS 片段