UnoCSS 配置
我们默认集成了 UnoCSS 以下 presets 预设。
presetWind4: 一些常用按需生成的样式,TailwindCSS v4 风格。presetAttributify: 使用属性选择器替代类名。presetIcons: 集成了 icones 图标库,按需使用。presetTypography: 排版相关的样式预设。
因此,你可以直接在 Markdown 中快速实现各式各样的效果。
unocss
您可以在主题 theme 目录的 uno.config.ts 或 unocss.config.ts 文件中编写 UnoCSS 配置。
ts[object Promise]
也可以在 valaxy.config.ts 文件的 unocss 配置项中进行配置。以下是 valaxy.config.ts 中 unocss 配置项的示例:
ts[object Promise]
在 unocss 配置项中直接配置 presets 会覆盖主题和 Valaxy 默认的 presets。
如果想扩展这些预设,请使用 unocssPresets。
ts[object Promise]
提示
在 uno.config.ts 或 unocss.config.ts 文件中配置 presets 也会覆盖 Valaxy 或主题的默认预设。
若要扩展预设,请使用 unocssPresets 。
unocssPresets
若要在 Valaxy 中扩展 UnoCSS presets 配置项,以下是一个基本示例
ts[object Promise]
警告
以下方式是错误的写法,注意 unocssPresets 和 unocss 配置项之间的区别
The following method is incorrect. Note the difference between the unocssPresets and unocss configuration options:
ts[object Promise]
FAQ
关于 UnoCSS 热重载失效
由于目前无法获取 UnoCSS 的 ctx,暂时还没有找到一个好的方法来实现热重载 #48
To Be Continued.