引入unocss

main.js

@@ -1,6 +1,7 @@
 import * as Pinia from 'pinia'
 import { createSSRApp } from 'vue'
 import { createUnistorage } from 'pinia-plugin-unistorage'
+import 'uno.css'
 import uviewPlus, { setConfig } from 'uview-plus'
 import App from './App'
 

package.json

@@ -5,11 +5,6 @@
     "pinia": "^2.2.0",
     "pinia-plugin-unistorage": "^0.1.2",
     "sm-crypto": "^0.3.13",
-    "star-cloud-uni": "file:../starCloud",
-    "stylelint": "^16.14.1",
-    "stylelint-config-recess-order": "^6.0.0",
-    "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-config-standard": "^37.0.0",
     "uview-plus": "^3.3.12"
   },
   "devDependencies": {
@@ -26,6 +21,12 @@
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "prettier": "^3.4.2",
+    "stylelint": "^16.14.1",
+    "stylelint-config-recess-order": "^6.0.0",
+    "stylelint-config-recommended-scss": "^14.1.0",
+    "stylelint-config-standard": "^37.0.0",
+    "unocss": "^65.4.3",
+    "unocss-preset-weapp": "^65.4.1",
     "vite-plugin-eslint": "^1.8.1"
   }
 }

unocss.config.js

@@ -0,0 +1,27 @@
+import presetWeapp from 'unocss-preset-weapp'
+import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
+
+const { presetWeappAttributify, transformerAttributify } = extractorAttributify()
+
+export default {
+  presets: [
+    // https://github.com/MellowCo/unocss-preset-weapp
+    presetWeapp(),
+    // attributify autocomplete
+    presetWeappAttributify()
+  ],
+  shortcuts: [
+    {
+      'border-base': 'border border-gray-500_10',
+      center: 'flex justify-center items-center'
+    }
+  ],
+
+  transformers: [
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
+    transformerAttributify(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
+    transformerClass()
+  ]
+}

vite.config.js

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+
+// https://vitejs.dev/config/
+export default defineConfig(async () => {
+  const UnoCss = await import('unocss/vite').then(i => i.default)
+
+  return {
+    plugins: [
+      uni(),
+
+      // https://github.com/unocss/unocss
+      UnoCss()
+    ]
+  }
+})