Uno 预设

UnoCSS 的默认预设。它目前等同于 @unocss/preset-wind.

源代码

INFO

此预设继承了 @unocss/preset-wind 和 @unocss/preset-mini.

安装

pnpm

pnpm add -D @unocss/preset-uno

yarn

yarn add -D @unocss/preset-uno

npm

npm install -D @unocss/preset-uno

uno.config.ts

import presetUno from '@unocss/preset-uno'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
  ],
})

TIP

此预设包含在 unocss 包中，您也可以从那里导入它。

import { presetUno } from 'unocss'

用法

此预设试图提供流行的实用优先框架的通用超集，包括 Tailwind CSS、Windi CSS、Bootstrap、Tachyons 等。

例如，ml-3（Tailwind CSS）、ms-2（Bootstrap）、ma4（Tachyons）和 mt-10px（Windi CSS）都是有效的。

.ma4 { margin: 1rem; }
.ml-3 { margin-left: 0.75rem; }
.ms-2 { margin-inline-start: 0.5rem; }
.mt-10px { margin-top: 10px; }

规则

此预设与 Tailwind CSS 和 Windi CSS 兼容，您可以参考他们的 文档 以了解详细的用法。

有关此预设中包含的所有规则和预设，请参阅我们的 交互式文档 或直接转到 源代码.

选项

INFO

此预设的选项继承自 @unocss/preset-mini.

有关默认预设的更多详细信息，您可以查看我们的 游乐场 并试用它。同时，您也可以查看 实现.