diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index cdfe4284..f0ce7b79 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -227,7 +227,7 @@ const disabledClick = () => {
     <div
       v-if="disabled"
       :class="`${prefixCls}--disabled`"
-      class="wh-full absolute left-0 top-0 flex items-center justify-center"
+      class="absolute left-0 top-0 h-full w-full flex items-center justify-center"
       @click="disabledClick"
     >
       <div class="absolute left-[50%] top-[50%] font-bold">
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 313cab1e..43f9b69d 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -50,7 +50,7 @@ export default defineComponent({
       <section class={[prefixCls, `${prefixCls}__${layout.value}`, 'w-[100%] h-[100%] relative']}>
         {mobile.value && !collapse.value ? (
           <div
-            class="wh-full absolute left-0 top-0 z-99 bg-[var(--el-color-black)] opacity-30"
+            class="absolute left-0 top-0 z-99 h-full w-full bg-[var(--el-color-black)] opacity-30"
             onClick={handleClickOutside}
           ></div>
         ) : undefined}