diff --git a/src/views/base/login/MobileForm.vue b/src/views/base/login/MobileForm.vue
index 08b2ba0b..41c600cc 100644
--- a/src/views/base/login/MobileForm.vue
+++ b/src/views/base/login/MobileForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <template v-if="getShow">
+  <div v-if="getShow">
     <LoginFormTitle class="enter-x" />
     <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
       <FormItem name="mobile" class="enter-x">
@@ -18,7 +18,7 @@
         </Button>
       </FormItem>
     </Form>
-  </template>
+  </div>
 </template>
 <script lang="ts" setup>
 import { reactive, ref, computed, unref } from 'vue'
diff --git a/src/views/base/login/QrCodeForm.vue b/src/views/base/login/QrCodeForm.vue
index 7233f7a6..ebc0806f 100644
--- a/src/views/base/login/QrCodeForm.vue
+++ b/src/views/base/login/QrCodeForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <template v-if="getShow">
+  <div v-if="getShow">
     <LoginFormTitle class="enter-x" />
     <div class="enter-x min-w-64 min-h-64">
       <QrCode :value="qrCodeUrl" class="enter-x flex justify-center xl:justify-start" :width="280" />
@@ -8,7 +8,7 @@
         {{ t('sys.login.backSignIn') }}
       </Button>
     </div>
-  </template>
+  </div>
 </template>
 <script lang="ts" setup>
 import { computed, unref } from 'vue'
diff --git a/src/views/base/login/RegisterForm.vue b/src/views/base/login/RegisterForm.vue
index 2898b19f..25b37cdf 100644
--- a/src/views/base/login/RegisterForm.vue
+++ b/src/views/base/login/RegisterForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <template v-if="getShow">
+  <div v-if="getShow">
     <LoginFormTitle class="enter-x" />
     <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
       <FormItem name="account" class="enter-x">
@@ -37,7 +37,7 @@
         {{ t('sys.login.backSignIn') }}
       </Button>
     </Form>
-  </template>
+  </div>
 </template>
 <script lang="ts" setup>
 import { reactive, ref, unref, computed } from 'vue'