chore: update

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

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>

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

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

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>