style: 调整全局背景色 & 添加 unocss 类名前缀

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 组件 */

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>

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"
   }
 })