docs: 更新一些技术栈的描述

README.md

@@ -11,16 +11,17 @@
 ## 特性
 
 - **Vue3**：采用 Vue3 + script setup 最新的 Vue3 组合式 API
-- **Element Plus**：Element UI 的正统续作
+- **Element Plus**：Element UI 的 Vue3 版本
 - **Pinia**: 传说中的 Vuex5
 - **Vite**：真的很快
-- **Vue Router**：没啥好说的
+- **Vue Router**：路由路由
 - **TypeScript**：JavaScript 语言的超集
 - **PNPM**：更快速的，节省磁盘空间的包管理工具
-- **Sass**：和 Element Plus 保持一致
+- **Scss**：和 Element Plus 保持一致
+- **CSS 变量**：主要控制项目的布局和颜色
 - **ESlint**：代码校验
 - **Prettier**：代码格式化
-- **Axios**：没啥好说的，已封装好
+- **Axios**：发送网络请求（已封装好）
 - **UnoCSS**：具有高性能且极具灵活性的即时原子化 CSS 引擎
 - **注释**：各个配置项都写有尽可能详细的注释
 

src/router/index.ts

@@ -48,7 +48,7 @@ export const constantRoutes: Array<RouteRecordRaw> = [
       {
         path: "index",
         component: () => import("@/views/unocss/index.vue"),
-        name: "Unocss",
+        name: "UnoCSS",
         meta: {
           title: "unocss",
           icon: "unocss"

src/views/unocss/index.vue

@@ -2,7 +2,7 @@
   <div h-full app-container>
     <div h-full text-center flex select-none all:transition-400>
       <div ma>
-        <div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>unocss</div>
+        <div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>UnoCSS</div>
         <div op30 dark:op60 text-lg fw300 m1>具有高性能且极具灵活性的即时原子化 CSS 引擎</div>
         <div m2 flex justify-center text-lg op30 dark:op60 hover="op80" dark:hover="op80">
           <a href="https://antfu.me/posts/reimagine-atomic-css-zh" target="_blank">推荐阅读：重新构想原子化 CSS</a>
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div absolute bottom-5 right-0 left-0 text-center op30 dark:op60 fw300>
-      该页面是一个 unocss 的使用案例，其他页面依旧采用 sass
+      该页面是一个 UnoCSS 的使用案例，其他页面依旧采用 Scss
     </div>
   </div>
 </template>

vite.config.ts

@@ -2,7 +2,7 @@ import { UserConfigExport } from "vite"
 import path, { resolve } from "path"
 import vue from "@vitejs/plugin-vue"
 import { createSvgIconsPlugin } from "vite-plugin-svg-icons"
-import Unocss from "unocss/vite"
+import UnoCSS from "unocss/vite"
 
 /** 配置项文档：https://cn.vitejs.dev/config */
 export default (): UserConfigExport => {
@@ -67,8 +67,8 @@ export default (): UserConfigExport => {
         iconDirs: [path.resolve(process.cwd(), "src/icons/svg")],
         symbolId: "icon-[dir]-[name]"
       }),
-      /** Unocss */
-      Unocss()
+      /** UnoCSS */
+      UnoCSS()
       /** 自动按需引入 (已更改为完整引入，所以注释了) */
       // AutoImport({
       //   dts: "./types/auto-imports.d.ts",