From 2f54ce189174227e4bc0c2b9af8a22dfb5308f5c Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Thu, 20 Oct 2022 12:53:45 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=89=B2=20&=20=E6=B7=BB=E5=8A=A0=20unocss?=
 =?UTF-8?q?=20=E7=B1=BB=E5=90=8D=E5=89=8D=E7=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/variables.css   |  2 +-
 src/views/unocss/index.vue |  2 +-
 unocss.config.ts           | 10 +++++-----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/variables.css b/src/styles/variables.css
index 5383f705..81c5a53c 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -2,7 +2,7 @@
 
 :root {
   /** 全局背景色 */
-  --v3-body-bg-color: #f0f2f5;
+  --v3-body-bg-color: #f2f3f5;
   /** Header 区域 = NavigationBar 组件 + TagsView 组件 */
   --v3-header-height: calc(var(--v3-navigationbar-height) + var(--v3-tagsview-height));
   /** NavigationBar 组件 */
diff --git a/src/views/unocss/index.vue b/src/views/unocss/index.vue
index 70e30aa0..6a8dec00 100644
--- a/src/views/unocss/index.vue
+++ b/src/views/unocss/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div h-full app-container>
+  <div h-full uno-padding-20>
     <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>
diff --git a/unocss.config.ts b/unocss.config.ts
index 27827c52..ee057160 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -11,12 +11,12 @@ export default defineConfig({
     presetUno()
   ],
   /** 自定义规则 */
-  rules: [["app-container", { padding: "20px" }]],
+  rules: [["uno-padding-20", { padding: "20px" }]],
   /** 自定义快捷方式 */
   shortcuts: {
-    "wh-full": "w-full h-full",
-    "flex-center": "flex justify-center items-center",
-    "flex-x-center": "flex justify-center",
-    "flex-y-center": "flex items-center"
+    "uno-wh-full": "w-full h-full",
+    "uno-flex-center": "flex justify-center items-center",
+    "uno-flex-x-center": "flex justify-center",
+    "uno-flex-y-center": "flex items-center"
   }
 })