diff --git a/README.md b/README.md index bb40d57..be7171c 100644 --- a/README.md +++ b/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 引擎 - **注释**:各个配置项都写有尽可能详细的注释 diff --git a/src/router/index.ts b/src/router/index.ts index 280abb2..a7d6ee1 100644 --- a/src/router/index.ts +++ b/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" diff --git a/src/views/unocss/index.vue b/src/views/unocss/index.vue index 9bdddc7..70e30aa 100644 --- a/src/views/unocss/index.vue +++ b/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> diff --git a/vite.config.ts b/vite.config.ts index 11a1add..19ac982 100644 --- a/vite.config.ts +++ b/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",