feat: 卡片等组件

unocss.config.ts

@@ -0,0 +1,56 @@
+/*
+ * @Author: peerless_hero peerless_hero@outlook.com
+ * @Date: 2023-07-09 20:53:14
+ * @LastEditors: peerless_hero peerless_hero@outlook.com
+ * @LastEditTime: 2023-07-10 00:11:49
+ * @FilePath: \uni\unocss.config.ts
+ * @Description:
+ *
+ */
+import type {
+  Preset,
+  SourceCodeTransformer,
+} from 'unocss'
+
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+
+import { presetRemRpx } from 'unocss-applet'
+
+const presets: Preset[] = []
+const transformers: SourceCodeTransformer[] = []
+const darkMode = 'class'
+
+presets.push(presetUno({ dark: darkMode }), presetAttributify(), presetRemRpx({ mode: 'rpx2rem' }))
+
+export default defineConfig({
+  presets: [
+    presetIcons({
+      scale: 1.2,
+      warn: true,
+      extraProperties: {
+        'display': 'inline-block',
+        'vertical-align': 'middle',
+      },
+    }),
+    ...presets,
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+    ...transformers,
+  ],
+  theme: {
+    preflightRoot: undefined,
+  },
+  rules: [
+    [/^fs-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'font-size': `${d}rpx` })],
+    [/^leh-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'line-height': `${d}rpx` })],
+  ],
+})