diff --git a/frontend/src/assets/xianshiqi-2.png b/frontend/src/assets/xianshiqi-2.png
new file mode 100644
index 0000000000..16b1942161
Binary files /dev/null and b/frontend/src/assets/xianshiqi-2.png differ
diff --git a/frontend/src/assets/xianshiqi.png b/frontend/src/assets/xianshiqi.png
new file mode 100644
index 0000000000..e2fb798a77
Binary files /dev/null and b/frontend/src/assets/xianshiqi.png differ
diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 7681a713f3..ac5062f01a 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -6,7 +6,7 @@
       <div class="login-container">
         <el-row v-loading="loading" type="flex">
           <el-col :span="12">
-            <div v-show="qrTypes.length" class="trans" @click="showQr">
+            <div v-show="qrTypes.length" :class="codeShow ? 'trans-pc' : 'trans'" @click="showQr">
               <div v-show="imgAppShow" class="imgApp" />
             </div>
             <el-form v-show="!codeShow" ref="loginForm" :model="loginForm" :rules="loginRules" size="default">
@@ -486,6 +486,16 @@ export default {
   // background-color:  var(--primary,#3370ff); //图标优化 -- 换为白色线条图标 背景层添加背景色
   cursor:pointer;
 }
+.trans-pc {
+  position: absolute;
+  left: calc(50% - 64px);
+  top: 0;
+  width: 64px;
+  height: 64px;
+  background-image: url(../../assets/xianshiqi.png) ;
+  background-color:  var(--primary,#3370ff);
+  cursor:pointer;
+}
 .imgApp {
   width: 64px;
   height: 64px;