feat: 初始化仓库

uno.config.ts

@@ -0,0 +1,95 @@
+import type { Preset, SourceCodeTransformer } from 'unocss'
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+
+import {
+  presetApplet,
+  presetRemRpx,
+  transformerAttributify,
+} from 'unocss-applet'
+
+const isApplet = process.env?.UNI_PLATFORM?.startsWith('mp-') ?? false
+const presets: Preset[] = []
+const transformers: SourceCodeTransformer[] = []
+
+if (isApplet) {
+  presets.push(presetApplet())
+  presets.push(presetRemRpx())
+  transformers.push(transformerAttributify({ ignoreAttributes: ['block'] }))
+}
+else {
+  presets.push(presetUno())
+  presets.push(presetRemRpx({ mode: 'rpx2rem' }))
+}
+
+const courseColors = [
+  'rose',
+  'pink',
+  'fuchsia',
+  'purple',
+  'violet',
+  'indigo',
+  'blue',
+  'cyan',
+  'teal',
+  'emerald',
+  'green',
+  'lime',
+  'yellow',
+  'amber',
+  'orange',
+  'red',
+]
+
+export default defineConfig({
+  shortcuts: {
+    'bg-base': 'bg-gray-100 dark:bg-dark',
+    'bg-base-second': 'bg-white dark:bg-dark-100',
+    'color-base': 'text-gray-700 dark:text-white/80',
+    'color-base-second': 'text-gray-400 dark:text-gray-500/50',
+    'border-base': 'border border-gray-200 dark:border-gray/50',
+    'bg-primary': 'bg-light-blue-500 dark:bg-light-blue-600/80',
+  },
+  presets: [
+    presetIcons({
+      scale: 1.2,
+      extraProperties: {
+        'display': 'inline-block',
+        'vertical-align': 'middle',
+      },
+    }),
+    /**
+     * you can add `presetAttributify()` here to enable unocss attributify mode prompt
+     * although preset is not working for applet, but will generate useless css
+     */
+    presetAttributify(),
+    ...presets,
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+    ...transformers,
+  ],
+  rules: [
+    [
+      'p-safe',
+      {
+        padding:
+          'env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)',
+      },
+    ],
+    ['pt-safe', { 'padding-top': 'env(safe-area-inset-top)' }],
+    ['pb-safe', { 'padding-bottom': 'env(safe-area-inset-bottom)' }],
+  ],
+  safelist: [
+    ...courseColors.map(c => `bg-${c}`),
+    ...courseColors.map(c => `bg-${c}-3`),
+    ...courseColors.map(c => `text-${c}-5`),
+  ],
+})