feat: unocss配置

unocss.config.ts

@@ -0,0 +1,45 @@
+/*
+ * @Author: peerless_hero peerless_hero@outlook.com
+ * @Date: 2023-07-09 20:53:14
+ * @LastEditors: zhaojinfeng 121016171@qq.com
+ * @LastEditTime: 2023-07-20 14:57:19
+ * @FilePath: \vue3\unocss.config.ts
+ * @Description:
+ *
+ */
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+
+const darkMode = 'class'
+
+export default defineConfig({
+  presets: [
+    presetIcons({
+      scale: 1.2,
+      warn: true,
+      extraProperties: {
+        'display': 'inline-block',
+        'vertical-align': 'middle',
+      },
+    }),
+    presetUno({ dark: darkMode }),
+    presetAttributify(),
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+  ],
+  theme: {
+    preflightRoot: undefined,
+  },
+  rules: [
+    [/^fs-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'font-size': `${d}rpx` })],
+    [/^leh-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'line-height': `${d}rpx` })],
+  ],
+})