refactor: ♻️ unocss 自定义样式名修改

src/views/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login-container">
     <!-- 顶部 -->
-    <div class="absolute-tl flex-x-end p-3 w-full">
+    <div class="absolute-lt flex-x-end p-3 w-full">
       <el-switch
         v-model="isDark"
         inline-prompt
@@ -17,7 +17,7 @@
     <el-card class="!border-none !bg-transparent !rounded-4% w-100 <sm:w-85">
       <div class="text-center relative">
         <h2>{{ defaultSettings.title }}</h2>
-        <el-tag class="ml-2 absolute-tr">{{ defaultSettings.version }}</el-tag>
+        <el-tag class="ml-2 absolute-rt">{{ defaultSettings.version }}</el-tag>
       </div>
 
       <el-form

uno.config.ts

@@ -18,9 +18,9 @@ export default defineConfig({
     "wh-full": "w-full h-full",
     "flex-x-between": "flex items-center justify-between",
     "flex-x-end": "flex items-center justify-end",
-    "absolute-tl": "absolute top-0 left-0",
-    "absolute-tr": "absolute top-0 right-0",
-    "fixed-tl": "fixed top-0 left-0",
+    "absolute-lt": "absolute left-0 top-0",
+    "absolute-rt": "absolute right-0 top-0 ",
+    "fixed-lt": "fixed left-0 top-0",
   },
   theme: {
     colors: {