diff --git a/src/components/RePureTableBar/src/bar.tsx b/src/components/RePureTableBar/src/bar.tsx
index 53e8c3904..df0d97718 100644
--- a/src/components/RePureTableBar/src/bar.tsx
+++ b/src/components/RePureTableBar/src/bar.tsx
@@ -99,7 +99,7 @@ export default defineComponent({
         "justify-between",
         "pt-[3px]",
         "px-[11px]",
-        "border-b-[1px]",
+        "border-b",
         "border-b-solid",
         "border-[#dcdfe6]",
         "dark:border-[#303030]"
@@ -272,7 +272,7 @@ export default defineComponent({
             ) : (
               <p class="font-bold truncate">{transformI18n(props.title)}</p>
             )}
-            <div class="flex-ac  ">
+            <div class="flex-ac">
               {slots?.buttons ? (
                 <div class="flex mr-4">{slots.buttons()}</div>
               ) : null}
diff --git a/src/components/ReQrcode/src/index.tsx b/src/components/ReQrcode/src/index.tsx
index 30ce9c488..f3dd3caf8 100644
--- a/src/components/ReQrcode/src/index.tsx
+++ b/src/components/ReQrcode/src/index.tsx
@@ -240,7 +240,7 @@ export default defineComponent({
           )}
           {props.disabled && (
             <div
-              class="qrcode--disabled absolute top-0 left-0 flex-c size-full   "
+              class="qrcode--disabled absolute top-0 left-0 flex-c size-full"
               onClick={disabledClick}
             >
               <div class="absolute top-[50%] left-[50%] font-bold">
diff --git a/src/components/ReVxeTableBar/src/bar.tsx b/src/components/ReVxeTableBar/src/bar.tsx
index 05018579f..1bf651f82 100644
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -92,7 +92,7 @@ export default defineComponent({
         "justify-between",
         "pt-[3px]",
         "px-[11px]",
-        "border-b-[1px]",
+        "border-b",
         "border-b-solid",
         "border-[#dcdfe6]",
         "dark:border-[#303030]"
@@ -265,7 +265,7 @@ export default defineComponent({
             ) : (
               <p class="font-bold truncate">{transformI18n(props.title)}</p>
             )}
-            <div class="flex-ac  ">
+            <div class="flex-ac">
               {slots?.buttons ? (
                 <div class="flex mr-4">{slots.buttons()}</div>
               ) : null}
diff --git a/src/layout/components/lay-search/components/SearchHistoryItem.vue b/src/layout/components/lay-search/components/SearchHistoryItem.vue
index 83c5b4f34..f4d43abdc 100644
--- a/src/layout/components/lay-search/components/SearchHistoryItem.vue
+++ b/src/layout/components/lay-search/components/SearchHistoryItem.vue
@@ -34,12 +34,12 @@ function handleDelete(item) {
   <IconifyIconOffline
     v-show="item.type === 'history'"
     :icon="StarIcon"
-    class="w-4.5 h-4.5 mr-2 hover:text-[#d7d5d4]"
+    class="size-4.5 mr-2 hover:text-[#d7d5d4]"
     @click.stop="handleCollect(item)"
   />
   <IconifyIconOffline
     :icon="CloseIcon"
-    class="w-4.5 h-4.5 hover:text-[#d7d5d4] cursor-pointer"
+    class="size-4.5 hover:text-[#d7d5d4] cursor-pointer"
     @click.stop="handleDelete(item)"
   />
 </template>
diff --git a/src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue b/src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue
index 1578ac61c..29690aa8d 100644
--- a/src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue
@@ -12,6 +12,6 @@ defineProps({
 
 <template>
   <div v-if="extraIcon" class="flex-c">
-    <component :is="useRenderIcon(toRaw(extraIcon))" class="w-7.5 h-7.5" />
+    <component :is="useRenderIcon(toRaw(extraIcon))" class="size-7.5" />
   </div>
 </template>
diff --git a/src/views/able/video-frame/index.vue b/src/views/able/video-frame/index.vue
index 6c5fb30e8..831a4bf81 100644
--- a/src/views/able/video-frame/index.vue
+++ b/src/views/able/video-frame/index.vue
@@ -158,7 +158,7 @@ onBeforeUnmount(() => {
         v-if="curImg"
         :src="curImg"
         :preview-src-list="Array.of(curImg)"
-        class="w-45 h-45 ml-2 rounded-md"
+        class="size-45 ml-2 rounded-md"
       />
     </div>
     <div
diff --git a/src/views/components/virtual-list/index.vue b/src/views/components/virtual-list/index.vue
index 5f2a03afa..8118a9944 100644
--- a/src/views/components/virtual-list/index.vue
+++ b/src/views/components/virtual-list/index.vue
@@ -29,8 +29,8 @@ defineOptions({
       </el-link>
     </template>
     <div class="w-full flex justify-around flex-wrap">
-      <vertical-list class="h-125 w-125" />
-      <horizontal-list class="h-125 w-125" />
+      <vertical-list class="size-125" />
+      <horizontal-list class="size-125" />
     </div>
   </el-card>
 </template>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 98ecfa83b..4e71b6ca4 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -133,7 +133,7 @@ watch(loginDay, value => {
       <!-- 国际化 -->
       <el-dropdown trigger="click">
         <globalization
-          class="hover:text-primary hover:bg-transparent! w-5 h-5 ml-1.5 cursor-pointer outline-hidden duration-300"
+          class="hover:text-primary hover:bg-transparent! size-5 ml-1.5 cursor-pointer outline-hidden duration-300"
         />
         <template #dropdown>
           <el-dropdown-menu class="translation">
diff --git a/src/views/system/user/utils/hook.tsx b/src/views/system/user/utils/hook.tsx
index 0457a710f..6e98f6592 100644
--- a/src/views/system/user/utils/hook.tsx
+++ b/src/views/system/user/utils/hook.tsx
@@ -88,7 +88,7 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
           preview-teleported={true}
           src={row.avatar || userAvatar}
           preview-src-list={Array.of(row.avatar || userAvatar)}
-          class="w-6 h-6 rounded-full align-middle"
+          class="size-6 rounded-full align-middle"
         />
       ),
       width: 90
diff --git a/src/views/table/base/imgPreview.vue b/src/views/table/base/imgPreview.vue
index a8cc5e22a..00a000974 100644
--- a/src/views/table/base/imgPreview.vue
+++ b/src/views/table/base/imgPreview.vue
@@ -49,7 +49,7 @@ const columns: TableColumnList = [
         :preview-src-list="tableDataImage.map(v => v.image)"
         :initial-index="index"
         fit="cover"
-        class="w-25 h-25"
+        class="size-25"
       />
     </template>
   </pure-table>