From ff848585aeb1b38a68a8cb6499e915bf1bd68516 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Tue, 27 May 2025 16:55:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(unocss):=20=E6=B7=BB=E5=8A=A0=20presetAttr?=
 =?UTF-8?q?ibutify=20=E6=94=AF=E6=8C=81=20CSS=20class=20=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在 UnoCSS 配置中添加 presetAttributify 预设，使其支持通过属性方式使用 CSS class，提升开发体验
---
 uno.config.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/uno.config.ts b/uno.config.ts
index 6a98766..703d925 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,5 +1,11 @@
 import { presetUni } from '@uni-helper/unocss-preset-uni'
-import { defineConfig, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss'
+import {
+  defineConfig,
+  presetIcons,
+  presetAttributify,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
 
 export default defineConfig({
   presets: [
@@ -12,6 +18,8 @@ export default defineConfig({
         'vertical-align': 'middle',
       },
     }),
+    // 支持css class属性化
+    presetAttributify(),
   ],
   transformers: [
     // 启用指令功能：主要用于支持 @apply、@screen 和 theme() 等 CSS 指令