diff --git a/src/assets/imgs/screen/qrsx.png b/src/assets/imgs/screen/qrsx.png
new file mode 100644
index 0000000..19daeaf
Binary files /dev/null and b/src/assets/imgs/screen/qrsx.png differ
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index 3910ff5..dc29426 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -18,7 +18,7 @@
         class="relative flex-1 bg-#fff bg-opacity-90  p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto"
       >
         <!-- 右上角的主题、语言选择 -->
-        <div
+        <!-- <div
           class="flex items-center justify-between at-2xl:justify-end at-xl:justify-end"
           style="color: var(--el-text-color-primary);"
         >
@@ -27,18 +27,19 @@
           </div>
           <div class="flex items-center justify-end space-x-10px h-48px">
           </div>
-        </div>
+        </div> -->
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight" class="rightLogin">
           <div
             class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
           >
-   
-              <!-- 账号登录 -->
+    <!-- 账号登录 -->
               <LoginForm v-if="isIpAccess" class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
               <!-- 二维码登录 -->
               <QrCodeForm v-else class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
      
+   
+     
           </div>
         </Transition>
       </div>
@@ -58,13 +59,13 @@ import { LoginForm, MobileForm, QrCodeForm, RegisterForm, SSOLoginVue, ForgetPas
 defineOptions({ name: 'Login' })
 const isIpAccess = ref(false)
 onMounted(() => {
-  const hostname = window.location.hostname
-  if(hostname == 'localhost'){
-    isIpAccess.value = true;
-  }
-  else{
-    isIpAccess.value = /^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)
-  }
+  // const hostname = window.location.hostname
+  // if(hostname == 'localhost'){
+  //   isIpAccess.value = true;
+  // }
+  // else{
+  //   isIpAccess.value = /^(\d{1,3}\.){3}\d{1,3}$/.test(hostname)
+  // }
   // 判断是否为IP地址访问
 })
 const { t } = useI18n()
diff --git a/src/views/Login/Login.vue.rej b/src/views/Login/Login.vue.rej
new file mode 100644
index 0000000..8e64cad
--- /dev/null
+++ b/src/views/Login/Login.vue.rej
@@ -0,0 +1,15 @@
+diff a/src/views/Login/Login.vue b/src/views/Login/Login.vue	(rejected hunks)
+@@ -34,9 +34,10 @@
+             class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
+           >
+    
+-       
+-            <!-- 二维码登录 -->
+-            <QrCodeForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
++              <!-- 账号登录 -->
++              <LoginForm v-if="isIpAccess" class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
++              <!-- 二维码登录 -->
++              <QrCodeForm v-else class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+      
+           </div>
+         </Transition>
diff --git a/src/views/Login/components/QrCodeForm.vue b/src/views/Login/components/QrCodeForm.vue
index 698488a..2df70af 100644
--- a/src/views/Login/components/QrCodeForm.vue
+++ b/src/views/Login/components/QrCodeForm.vue
@@ -1,14 +1,17 @@
 <template>
   <el-row v-show="getShow" class="login-form" style="margin-right: -10px; margin-left: -10px">
     <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <img src="@/assets/imgs/screen/login-top.png" alt="logo" />
+      <img class="topImg" src="@/assets/imgs/screen/login-top.png" alt="logo" />
     </el-col>
     <el-col :span="24" style="padding-right: 10px; padding-left: 10px; margin-bottom:20px; text-align: center">
     
         <img width="320px" height="320px" :src="imageUrl" alt="Converted Image" v-if="imageUrl" />
     </el-col>
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px; text-align: center">
-      <img src="@/assets/imgs/screen/login-bottom.png" alt="logo" />
+    <el-col v-if="!refreshQR"  :span="24" style="padding-right: 10px; padding-left: 10px; text-align: center">
+      <img  class="bottomImg" src="@/assets/imgs/screen/login-bottom.png" alt="logo" />
+    </el-col>
+    <el-col v-if="refreshQR" :span="24" style="padding-right: 10px; padding-left: 10px; text-align: center">
+      <img class="bottomImg" src="@/assets/imgs/screen/qrsx.png" alt="logo" @click="handleRefresh" />
     </el-col>
   </el-row>
 </template>
@@ -23,6 +26,7 @@ defineOptions({ name: 'QrCodeForm' })
 
 const imageUrl = ref('');
 const uuuid =ref('')
+const refreshQR = ref(false)
 
 const { t } = useI18n()
 const { handleBackLogin, getLoginState } = useLoginState()
@@ -30,7 +34,9 @@ const getShow = computed(() => true)
 // 存储定时器 ID，用于后续清除定时器
 let intervalId = ref();
 
-
+const handleRefresh = () => {
+  window.location.reload()
+}
 const getimg =async ()=>{
 
   const array = new Uint32Array(4);
@@ -65,9 +71,10 @@ const getimg =async ()=>{
 // 记录定时器开始的时间
 const startTime = Date.now();
 // 10 分钟的毫秒数
-const tenMinutes =  60 * 1000; 
+const tenMinutes =  10 *60 * 10000 ; 
 //定时刷新 判断是否扫码允许
 const refaulst  = ()=>{
+  refreshQR.value = false;
    // 先清除之前的定时器，避免重复调用
    if (intervalId) {
     clearInterval(intervalId.value);
@@ -80,6 +87,8 @@ const refaulst  = ()=>{
     if (Date.now() - startTime >= tenMinutes) {
       clearInterval(intervalId.value);
       console.log('定时器已停止，已过去 10 分钟。');
+  refreshQR.value = true;
+
       return;
     }
 
@@ -101,3 +110,18 @@ onMounted(() => {
   getimg()
 })
 </script>
+<style lang="scss" scoped>
+  .expired-text{
+    color: #ff0000;
+    margin-top: 40px;
+    margin-right: 10px;
+  }
+  .bottomImg{
+    width:320px;
+
+    
+  }
+  .topImg{
+    height: 200px;
+  }
+</style>
\ No newline at end of file