添加原子样式

reading-platform-frontend/package.json

@@ -29,10 +29,12 @@
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.11.28",
+    "@unocss/preset-uno": "^66.6.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/tsconfig": "^0.5.1",
     "sass-embedded": "^1.97.3",
     "typescript": "~5.4.0",
+    "unocss": "^66.6.2",
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.1.6",

reading-platform-frontend/src/main.ts

@@ -2,6 +2,7 @@ import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/reset.css';
+import 'virtual:uno.css';
 import App from './App.vue';
 import router from './router';
 

reading-platform-frontend/uno.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig, presetUno } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    presetUno(), // 默认原子样式预设（类 Tailwind）
+  ],
+});

reading-platform-frontend/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
 import { resolve } from 'path';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
@@ -9,6 +10,7 @@ import viteCompression from 'vite-plugin-compression';
 export default defineConfig({
   plugins: [
     vue(),
+    UnoCSS(),
     AutoImport({
       imports: [
         'vue',