From 08e79d3641b9a5db34665e2af422916b77b71802 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=B6=E8=BF=9C=E6=96=B9?= Date: Sat, 13 Jul 2024 13:05:29 +0800 Subject: [PATCH] docs: optimize translation --- docs/guide/extracting.md | 2 +- docs/guide/index.md | 10 +++++----- docs/guide/packages.md | 6 +++--- docs/presets/legacy-compat.md | 4 ++-- docs/presets/mini.md | 6 +++--- docs/presets/rem-to-px.md | 4 ++-- docs/presets/wind.md | 2 +- 7 files changed, 17 insertions(+), 17 deletions(-) diff --git a/docs/guide/extracting.md b/docs/guide/extracting.md index 452af7b63..c61570d44 100644 --- a/docs/guide/extracting.md +++ b/docs/guide/extracting.md @@ -4,7 +4,7 @@ outline: deep # 提取 -UnoCSS 通过搜索您的代码库中的实用工具用法并根据需要生成相应的 CSS 来工作。我们称这个过程为**提取**。 +UnoCSS 通过搜索您的代码库中的工具类用法并根据需要生成相应的 CSS 来工作。我们称这个过程为**提取**。 ## 内容来源 diff --git a/docs/guide/index.md b/docs/guide/index.md index 94af1edcb..577c6926b 100644 --- a/docs/guide/index.md +++ b/docs/guide/index.md @@ -5,9 +5,9 @@ description: UnoCSS 入门 ## 什么是 UnoCSS？ -UnoCSS 是即时原子 CSS 引擎，旨在灵活和可扩展。核心是不带偏见的，所有的 CSS 实用工具都是通过预设提供的。 +UnoCSS 是即时原子 CSS 引擎，旨在灵活和可扩展。核心是不带偏见的，所有的 CSS 工具类都是通过预设提供的。 -例如，您可以通过在本地 [配置文件](/guide/config-file) 中提供规则来定义自定义 CSS 实用工具。 +例如，您可以通过在本地 [配置文件](/guide/config-file) 中提供规则来定义自定义 CSS 工具类。 ```ts // uno.config.ts @@ -20,7 +20,7 @@ export default defineConfig({ }) ``` -这将在您的项目中添加一个新的 CSS 实用工具 `m-1`。由于 UnoCSS 是按需的，在您的代码库中使用它之前它不会起作用。所以假设我们有这样一个组件： +这将在您的项目中添加一个新的 CSS 工具类 `m-1`。由于 UnoCSS 是按需的，在您的代码库中使用它之前它不会起作用。所以假设我们有这样一个组件： ```html
Hello
@@ -44,7 +44,7 @@ export default defineConfig({ }) ``` -通过这样做，现在您可以拥有任意的边距实用工具，例如 `m-1`、`m-100` 或 `m-52.43`。再次强调，UnoCSS 只有在您使用它们时才会生成它们。 +通过这样做，现在您可以拥有任意的边距工具类，例如 `m-1`、`m-100` 或 `m-52.43`。再次强调，UnoCSS 只有在您使用它们时才会生成它们。 ```html
Hello
@@ -92,7 +92,7 @@ export default defineConfig({ ## 尝试 -您可以在浏览器中尝试 UnoCSS，打开 Playground。或在 交互文档 中查找默认预设的实用工具。 +您可以在浏览器中尝试 UnoCSS，打开 Playground。或在 交互文档 中查找默认预设的工具类。 ## 集成 diff --git a/docs/guide/packages.md b/docs/guide/packages.md index b1e80bc38..c8882d5c3 100644 --- a/docs/guide/packages.md +++ b/docs/guide/packages.md @@ -20,15 +20,15 @@ UnoCSS 是一个包含多个包的单体存储库。本页列出了所有的包 | [@unocss/preset-icons](/presets/icons) | 由 Iconify 提供支持的纯 CSS 图标解决方案 | ✅ | 否 | | [@unocss/preset-web-fonts](/presets/web-fonts) | Web 字体（Google 字体等）支持 | ✅ | 否 | | [@unocss/preset-typography](/presets/typography) | 排版预设 | ✅ | 否 | -| [@unocss/preset-rem-to-px](/presets/rem-to-px) | 将 rem 转换为 px 的实用工具 | 否 | 否 | -| [@unocss/preset-legacy-compat](/presets/legacy-compat) | 旧版本兼容性实用工具的集合 | 否 | 否 | +| [@unocss/preset-rem-to-px](/presets/rem-to-px) | 将 rem 转换为 px 的工具类 | 否 | 否 | +| [@unocss/preset-legacy-compat](/presets/legacy-compat) | 旧版本兼容性工具类的集合 | 否 | 否 | | [@unocss/transformer-variant-group](/transformers/variant-group) | 用于 Windi CSS 的变体组功能的转换器 | ✅ | 否 | | [@unocss/transformer-directives](/transformers/directives) | 用于 CSS 指令（如 `@apply`）的转换器 | ✅ | 否 | | [@unocss/transformer-compile-class](/transformers/compile-class) | 将一组类编译成一个类的转换器 | ✅ | 否 | | [@unocss/transformer-attributify-jsx](/transformers/attributify-jsx) | 支持 JSX/TSX 中无值 attributify | ✅ | 否 | | [@unocss/extractor-pug](/extractors/pug) | Pug 的提取器 | 否 | - | | [@unocss/extractor-svelte](/extractors/svelte) | Svelte 的提取器 | 否 | - | -| [@unocss/autocomplete](/tools/autocomplete) | 自动完成的实用工具 | 否 | - | +| [@unocss/autocomplete](/tools/autocomplete) | 自动完成的工具类 | 否 | - | | [@unocss/config](/guide/config-file) | 配置文件加载器 | ✅ | - | | [@unocss/reset](/guide/style-reset) | 常见 CSS 重置的集合 | ✅ | 否 | | [@unocss/vite](/integrations/vite) | Vite 插件 | ✅ | - | diff --git a/docs/presets/legacy-compat.md b/docs/presets/legacy-compat.md index 032cc183a..0eb64e2cd 100644 --- a/docs/presets/legacy-compat.md +++ b/docs/presets/legacy-compat.md @@ -1,12 +1,12 @@ --- title: Legacy Compat 预设 -description: 旧版兼容实用工具的集合。 +description: 旧版兼容工具类的集合。 outline: deep --- # Legacy Compat 预设 -旧版兼容实用工具的集合。 +旧版兼容工具类的集合。 该预设不包含任何规则，而是对其他预设生成的 CSS 应用后处理。 diff --git a/docs/presets/mini.md b/docs/presets/mini.md index 2541600a7..ee620e204 100644 --- a/docs/presets/mini.md +++ b/docs/presets/mini.md @@ -6,7 +6,7 @@ outline: deep # Mini 预设 -UnoCSS 的基本预设，仅包含最基本的实用工具。 +UnoCSS 的基本预设，仅包含最基本的工具类。 [源代码](https://github.com/unocss/unocss/tree/main/packages/preset-mini) @@ -47,7 +47,7 @@ import { presetMini } from 'unocss' ## 规则 -该预设是 [`@unocss/preset-wind`](/presets/wind) 的子集，仅包含与 CSS 属性对齐的最基本的实用工具，但不包括 Tailwind CSS 中引入的主观或复杂的实用工具（`container`、`animation`、`gradient` 等）。这可以作为您自己的定制预设的起点，基于 Tailwind CSS 或 Windi CSS 中熟悉的实用工具。 +该预设是 [`@unocss/preset-wind`](/presets/wind) 的子集，仅包含与 CSS 属性对齐的最基本的工具类，但不包括 Tailwind CSS 中引入的主观或复杂的工具类（`container`、`animation`、`gradient` 等）。这可以作为您自己的定制预设的起点，基于 Tailwind CSS 或 Windi CSS 中熟悉的工具类。 ## 特性 @@ -177,7 +177,7 @@ CSS 自定义属性的前缀。 - **类型：** `string | string[]` - **默认值：** `undefined` -实用工具前缀。 +工具类前缀。 ### preflight - **类型：** `boolean` diff --git a/docs/presets/rem-to-px.md b/docs/presets/rem-to-px.md index eba0c6439..945b51b36 100644 --- a/docs/presets/rem-to-px.md +++ b/docs/presets/rem-to-px.md @@ -1,12 +1,12 @@ --- title: Rem to px 预设 -description: 为所有实用工具将 rem 转换为 px (@unocss/preset-rem-to-px)。 +description: 为所有工具类将 rem 转换为 px (@unocss/preset-rem-to-px)。 outline: deep --- # Rem to px 预设 -将所有实用工具中的 rem 转换为 px。 +将所有工具类中的 rem 转换为 px。 [源代码](https://github.com/unocss/unocss/tree/main/packages/preset-rem-to-px) diff --git a/docs/presets/wind.md b/docs/presets/wind.md index 2bf56e318..8073fff7a 100644 --- a/docs/presets/wind.md +++ b/docs/presets/wind.md @@ -57,7 +57,7 @@ import { presetWind } from 'unocss' ### 引号 -在模板（用于处理的文件）中使用引号是不被支持的，因为这会影响提取器的工作。例如，你不能写 `before:content-['']`。对于这些情况，你可能更倾向于引入一个新的实用工具类，比如 `class="before:content-empty"`，以便明确设置。 +在模板（用于处理的文件）中使用引号是不被支持的，因为这会影响提取器的工作。例如，你不能写 `before:content-['']`。对于这些情况，你可能更倾向于引入一个新的工具类类，比如 `class="before:content-empty"`，以便明确设置。 ## 与 Windi CSS 的差异